Making IE 9 happy

Posted About 13 years ago. Visible to the public. Deprecated.

Microsoft does not support IE9 anymore, and neither do we.

If you're using jQuery, you need to update to 1.5.1 to get Internet Explorer 9 to work.

Apart from that there seem to be surprisingly few problems. Many CSS3 attributes work and no major layout problems at first glance.

I only recommend to take a look at your box shadows, since IE does render those a bit differently (generally lighter and offset by what looks to be half a pixel).

Tobias Kraze
makandra.de
Say thanks
Last edit
About 6 years ago
Henning Koch
Keywords
ie9
License
Source code in this card is licensed under the MIT License.

Related cards:

How to use CSS to rotate text by 90° in IE8 (and modern IEs)

If you want to rotate text, you can use CSS transforms in somewhat modern browsers to rotate the container element.
However, if you need to support IE8, transform is unavailable (if need only IE9 support, ignore the following and use `-ms-transf...

Testing with IE6, IE7 and IE8 on VirtualBox | Shape Shed

I've recently moved from using Parallels for browser testing to Sun's Open Source VirtualBox. Here's a walkthrough on how to get a browser testing suite for free on OSX or Ubuntu.

Using Firebug Lite to inspect HTML in Internet Explorer and other browsers

You know Firebug as a Firefox extension but there is also a "Lite" version which runs purely off JavaScript.

Though all major browsers offer inspection tools you may like the Firebug style. Also, for me this is a lot better than the IE8 develop...

CSS: Opacity is not inherited in Internet Explorer

Non-static elements will not inherit their parent's opacity in IE for no good reason. This can lead to unexpected behaviour when you want to fade/hide an element and all its children.

To fix it, give the parent element defining the opacity a non-...

IE9 preview – Jeffrey Zeldman Presents The Daily Report

I’m pointing out the enforced bragging, which is mandated from on high, and which flies in the face of the humble stance other high-level divisions in Microsoft would like to enforce in the wake of the company’s European drubbing and the dents App...

Making media queries work in IE8 and below

When using @media CSS queries, Internet Explorer 8 and below will fail to respect them.

Though there are several options (like mediatizr and css3-mediaqueries), Respond.js was the only one that worked...

CSS box-shadow not working in IE9 inside tables with collapsing borders

Though Internet Explorer 9 supports the box-shadow CSS property there is a nasty bug which sometimes prevents it from rendering the shadow properly.

Consider this HTML:

<table style="border-collapse: collapse">
  <tr>
    <td>
...

Web font embedding requires new CSS for IE9

If you embedded web fonts in the past years (e.g. by copying CSS from a Font Squirrel @font-face kit), that CSS won't work in Internet Explorer 9.

You can fix it by turning these styles...

@f...

IE9: Linear gradients remove border-radius and inset box-shadows

When you add a linear gradient to an element, IE9 removes all border-radius and inset box-shadows. This is because you probably are doing linear gradients with this weirdo Microsoft filter:

filter: progid:DXImageTransform.Microsoft.gradie...

How to fix: HTML5 video not working in IE9

While IE9 does support HTML5 <video> tags, it fails to work until you force HTML5 mode.

Here are two ways to do that.

Option 1: Doctype

Make sure your HTML document uses HTML5. It should start like this:

<!DOCTYPE html>

Option 2:...

Posted by Tobias Kraze to makandra dev (2011-03-30 17:32)
This website uses short-lived cookies to improve usability.
or learn more