internet-explorer-9 | 易学教程

IE9 throws my page in IE7 document mode and <!DOCTYPE html> gets commented out

阅读更多关于 IE9 throws my page in IE7 document mode and gets commented out

问题 My webpage has the following doctype <!DOCTYPE html> The above line is the very first line on my HTML page. These are no extra spaces or comments before this line. Still the page goes in IE7 document mode and <!DOCTYPE html> gets commented out when i check the html page using developer tools. I know that I can force a certain document mode by including the following meta tag <meta http-equiv="X-UA-Compatible" content="IE=edge" /> But I am not supposed to use this, niether I am supposed to go

SCRIPT5009: “$” is undefined in IE9

阅读更多关于 SCRIPT5009: “$” is undefined in IE9

问题 I have a bookmarklet that loads a div into a current page and places an iframe inside it. The bookmarklet works like a dream in all browsers except IE9. Even works in earlier versions of IE. I'm using the following bookmarklet framework: http://idc.anavallasuiza.com/project/bookmarklets Some one else has had a similar issue here (not related to bookmarklets): https://forum.jquery.com/topic/retrieved-html-data-type-with-jquery-ajax-in-ie9-scripts-tags-sources-could-not-be-loaded So far I'm

IE9 link hover css color change vertical shift

阅读更多关于 IE9 link hover css color change vertical shift

问题 IE 9 on Hover over a link, pushes some of the HTML down the page. When i remove the color from td.subarea > h2 > a:hover { color: #aa051a; text-decoration: none;} the problem does not occur. I can't paste all the code here, and fairly sure its a unique problem to this page. But maybe someone out there has seen something similar. Its not moving the Link(a tag) down the page, its the whole containing table that moves. 回答1: This problem seems to occur in IE9 when the container element is set to

Parent div drop-shadow bug when children is animated with jQuery in Internet Explorer 9

阅读更多关于 Parent div drop-shadow bug when children is animated with jQuery in Internet Explorer 9

问题 When a parent div has a css drop-shadow applied, and its children is animated with jQuery so that the parent div changes height, strange lines below the parent div appear when viewing the page in IE9. Here is an example: http://jsfiddle.net/vPqxb/11/ and a screenshot: For the one who just want to see the code; here is the HTML: <div class="parent"> <div class="longer"> </div> </div> , the CSS: div.parent { background: #ddd; box-shadow: 1px 1px 2px 1px #c9c7c9; width: 80%; } div div {

Uploading images using php, but without page refresh

阅读更多关于 Uploading images using php, but without page refresh

问题 So generally, i don't have a problem (yet), but I need advice. I want't to make a page where a user can upload his/hers image. But the upload should not refresh the page as the other data that a user enters will get lost. I know there is a bunch of ajax and php uploader posts, but here's the thing. Using XMLHttpRequest 2 isn't supported in older browsers. I would like at least IE9 to be supported. I also know there is an iframe solution. But using iframe's today sounds to me like driving Mr

<ul> with vertical scroll jumps to top in IE9

阅读更多关于 with vertical scroll jumps to top in IE9

问题 I have a tall <ul> element that is used as a popover menu. The overflow-y is set to auto, and I can scroll up and down to see the <li> elements. In IE9, when I scroll the <ul> element down and then mouse over any of the <li> elements, the scrollbar jumps straight back to the top. This makes it impossible to select any items at the bottom of a long list. Neither Firefox nor Chrome exhibit this behavior. Is this a known IE issue? 来源： https://stackoverflow.com/questions/19799835/ul-with-vertical

On form submit, file field clears in Internet Explorer 9

阅读更多关于 On form submit, file field clears in Internet Explorer 9

问题 I think this problem is related to this question: Clicking submit clears file field instead of submitting the form (IE9) I have the following form and 1 IE9 user reporting an issue. They are able to browse and select a file from their computer. But when they click the button to submit the form the image field is cleared and thus the application returns the error to 'please select an image'. I cannot replicate the problem. Upload a Photo (Step 1 of 2) <div class="box-content"> <form encType=

IE9 js load order and JQuery

阅读更多关于 IE9 js load order and JQuery

问题 This seems like an easy problem to solve, but it's kickin my ass. The following simple example produces an error in IE9. I've used IE9's developer page to monitor network loading and it looks like IE is loading and executing the body's script before the included javascript is loaded/evaluated. I've tried all the various tricks found via searching for answers including adding <meta charset="UTF-8" /> and <meta http-equiv="x-ua-compatible" content="IE8"/> <html> <head> <title>Demo of IE

How do I create and download a csv file using Javascript?

阅读更多关于 How do I create and download a csv file using Javascript?

问题 I have this code in a button: var csvContent = "data:text/csv;charset=utf-8,"; csvContent += myCSVcontent; var encodedUri = encodeURI(csvContent); window.open(encodedUri); This works perfectly in Chrome, Safari, and Firefox. - But not IE8 - I need Internet Explorer 8 compatibility. When I click the button that calls the code above it downloads the .csv file to my computer. When I click the button in IE8 though, it opens a new IE8 window with all the csv contents in the address bar and does

IE9 throwing error on jQuery.ajax “done” method

阅读更多关于 IE9 throwing error on jQuery.ajax “done” method

问题 I've got code working in the latest Chrome and Firefox. IE9 however hates me (and I feel the same). The specific error I'm getting is: Object doesn't support property or method 'done' The code in question: app.$.ajax({ url: app.baseUrl + "Geos", contentType: "application/json", dataType: "json" }).done(function (data) { app.controls.ddlGeos.html(''); for (var i = 0; i < data.d.length; i++) { var geo = data.d[i]; var option = $(document.createElement("option")); option.attr('value', geo.code);