Browser specific hacks - css filters

Webkit only css hack (safari, chrome):

@media screen and (-webkit-min-device-pixel-ratio:0) {

body{ background:red}

}

Firefox only css hack:

@-moz-document url-prefix() {

body{ background:green}

}

Opera only css hack:

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       body {background:orange}
 }

IE only css hack:

body { 
 background : green\9; /* IE9,IE8 and below */ 
 *background : yellow; /* IE7 and below */ 
 _background : orange; /* IE6 */ 
}

More:

http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
http://www.evotech.net/blog/2007/04/ie7-only-css-hacks/

filtre pentru ie-uri vechi

hackuri !importante:

*filtru pentru ie6(stilul nu este aplicat intr-un browser mai vechi de ie6) :
@import "null?\"\{";
@import "styles/docstyle.css";

*widthul va fi 400px pentru un browser
si 350px pentru ie6:
div#test {
padding: 20px;
border: 5px solid gray;
width: 400px;
voice-family: "\"}\"";
voice-family:inherit;
width: 350px;
}

*filtru pentru ie4 (ie4 va ignora stilul dupa @import) in ie5 si ie6 vor fi aplicate ambele stluri
pentru a nu aplica ie4.css in ie5 si ie6 se vor suprascrie stylurile din ie4.css in docstyle.css:
<.....link href="styles/ie4.css" rel="stylesheet" type="text/css" />
<...style type="text/css">@...import "styles/docstyle.css";<.../style>

ps. obs bloggeru nu accepta taguri link (punctele de suspensie trebuie ignorate)

Hackuri, filtre css

Eric Meyer on CSS: Tricking Browsers and Hiding Styles