?
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.