internet explorer 10 – how to apply grayscale filter?

IE10 does not support DX filters as IE9 and earlier have done, nor does it support a prefixed version of the greyscale filter. However, you can use an SVG overlay in IE10 to accomplish the greyscaling. Example: img.grayscale:hover { filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’1 0 0 0 0, 0 1 0 0 0, 0 … Read more

Access denied in IE 10 and 11 when ajax target is localhost

Internet Explorer raises this error as part of its security zones feature. Using default security settings, an “Access is Denied” error is raised when attempting to access a resource in the “Local intranet” zone from an origin in the “Internet” zone. If you were writing your Ajax code manually, Internet Explorer would raise an error … Read more

IE10 renders in IE7 mode. How to force Standards mode?

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

How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?

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