Skip to content

CSS hacks test page

This is a test page for a list of CSS hacks. If the background is light yellow instead of white, the hack applies to your current browser.

Internet Explorer 6:
.exampleClass {_background-color:#FBF9EA;}
Internet Explorer 6+7:
.exampleClass {*background-color:#FBF9EA;}
Internet Explorer 6+7+8:
.exampleClass {background-color:#FBF9EA\9;}
Firefox:
.exampleClass, x:-moz-any-link {background-color:#FBF9EA;}
Firefox 3.0 and above:
html>/**/body .exampleClass, x:-moz-any-link, x:default {background-color:#FBF9EA;}
Firefox 3.5 and above:
body:first-of-type .exampleClass, x:-moz-any-link, x:default {background-color:#FBF9EA;}
Firefox 3.6 and above:
@media screen and (-moz-images-in-menus:0) {
.exampleClass {background-color:#FBF9EA;}
}
Chrome and Safari:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.exampleClass {background-color:#FBF9EA;}
}
Opera:
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body .exampleClass {background-color:#FBF9EA;}
}

Be First to Comment

Leave a Reply

Your email address will not be published.