I was mistaken when I originally posted this answer: it doesn’t actually work in IE10. Apparently people have found this useful for other reasons so I’m leaving it up for posterity. Original answer below: Worth noting: the link in that answer you linked to states that postMessage isn’t cross origin for separate windows in IE8 … Read more
Internet Explorer makes the assumption that most webpages were written to target earlier versions of IE and looks at the doctype, meta tags and HTML to determine the best compatibility mode (sometimes incorrectly). Even with a HTML5 doctype IE will still place your website in compatibility mode if it’s an intranet site. To ensure that … Read more
There is a simpler fix for the JavaScript debugging issue in IE10: Close IE In elevated cmd prompt run this command: regsvr32.exe “%ProgramFiles(x86)%\Common Files\Microsoft Shared\VS7Debug\msdbg2.dll” (or %ProgramFiles% on a 32-bit OS)
There’s an IE polyfill for the CustomEvent constructor at MDN. Adding CustomEvent to IE and using that instead works. (function () { if ( typeof window.CustomEvent === “function” ) return false; //If not IE function CustomEvent ( event, params ) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var evt … Read more
I wouldn’t use JavaScript navigator.userAgent or $.browser (which uses navigator.userAgent) since it can be spoofed. To target Internet Explorer 9, 10 and 11 (Note: also the latest Chrome): @media screen and (min-width:0\0) { /* Enter CSS here */ } To target Internet Explorer 10: @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS … Read more
As xec mentioned in his answer, this behavior is caused by the @-ms-viewport setting. The good news is that you do not have to remove this setting to get the scrollbars back (in our case we rely on the @-ms-viewport setting for responsive web design). You can use the -ms-overflow-style to define the overflow behavoir, … Read more
Style the ::-ms-clear pseudo-element for the box: .someinput::-ms-clear { display: none; }