?

Differentiating between IE 6 and below and IE 7

?

Firstly we can target IE 6 and IE 7 separately using the underscore hack and far less well documented star property hack (commonly mistaken for the star HTML hack).

?

.box {

? ?background: #00f; /* all browsers including Mac IE */

? ?*background: #f00; /* IE 7 and below */

? ?_background: #f60; /* IE 6 and below */

? ?padding: 7px;

? ?color: #fff;

}

?

View Example

?

In this example all non IE browsers (which also includes Mac IE) see the first background rule. This sets the box colour to blue. Both IE 6 & 7 then see the next rule (prefixed with a star) which overrides the first rule and sets the background colour to red. Finally IE 6 and below also see the final rule (prefixed with an underscore) and set the background colour to orange.