Noscope is a bi-weekly journal serving up snacksized portions of pointless stuff since 2001. On a new linode server!
I also do freelance design and usability via dejligt.com

IE6 & IE7 Inline CSS Hacks

    15:36 on November 20, 2008 , , , ,

This page details an inline CSS hack for Internet Explorer 6 and 7 on Windows.

The best idea, however, would be to serve a separate stylesheet for each browser you’re hacking to.

Storing it here for my own posterity, these are inline CSS stylesheet hacks for Internet Explorer 6 and 7. Using these, you can add specific rules that are shown only to those two browser trainwrecks.

/* Show only to IE7 */
*:first-child+html [selector] {
	background: red;
}

/* Show only to IE6 */
* html [selector] {
	background: red;
}

Replace [selector] in the above two examples, to color that elements background red. Example selectors could be body, #my_id or .my_class.

There’s also a good list of inline hacks here.

Comments

  1. adam says:
    November 20, 2008 at 17:26

    it’s pretty rare that I need to hack inline CSS for IE. I generally use conditional comments to include a stylesheet
  2. Joen says:
    November 20, 2008 at 18:05

    I took the liberty of wrapping your code in a pre container.

    Yeah having a dedicated IE stylesheet is definately the cleanest and most forwards compatible way to go. However, sometimes you just want to take the shortcut and do the ugly hack. Those times, the above ones are good.

  3. Bramick says:
    November 24, 2008 at 20:49

    Noted.

    I too use a dedicated IE stylesheet. Gotta love IE.

  4. gareth says:
    November 24, 2008 at 23:00

    really drop ie6 support already. ie7 is good enough that i no longer have to do any hacks. Safari gives me more grief.

  5. Sorin Roiban says:
    September 9, 2009 at 21:23

    Thank you for posting this.