Gradients in Internet Explorer 9

Looks like I’m a little late to the party, but here’s an example for some of the top browsers: /* IE10 */ background-image: -ms-linear-gradient(top, #444444 0%, #999999 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #444444 0%, #999999 100%); /* Opera */ background-image: -o-linear-gradient(top, #444444 0%, #999999 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left … Read more

ie9 border radius

As far as I know border radius should work on IE9. You might be missing this in your page header: <meta http-equiv=”X-UA-Compatible” content=”IE=edge” /> “edge” means “use the latest rendering engine” so IE 9 will use 9, 10 uses 10, etc.

IE9 blocks download of cross-origin web font

IE9 supports .WOFF; IE8 does not, and supports only .EOT fonts. Open the IE9 F12 Developer Tools and you see the following messages: CSS3117: @font-face failed cross-origin request. Resource access is restricted. Neuton-webfont.woff CSS3117: @font-face failed cross-origin request. Resource access is restricted. YanoneKaffeesatz-Regular-webfont.woff CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. Neuton-webfont.ttf … Read more

Why does IE9 switch to compatibility mode on my website?

Works in IE9 documentMode for me. Without a X-UA-Compatible header/meta to set an explicit documentMode, you’ll get a mode based on: whether the user has clicked the ‘compatibility view’ button in that domain before; perhaps also whether this has happened automatically due to some other content on the site causing IE8/9’s renderer to crash and … Read more