CSS hack(小结)

来源：互联网发布：程序员入职第一天编辑：程序博客网时间：2024/06/14 00:56

由于IE 5及其以前的版本基本上已无人使用了，因此在这里只归纳IE 6及其以后的版本、Chrome、Safari、Firefox等现代浏览器。

IE中的hack：

select {
background-color: #fff\9; /*ie都支持*/
background-color:red\0;  /* ie 8/9*/
background-color:blue\9\0;  /* ie 9*/
*background-color:#dddd00;  /* ie 7*/
_background-color:#CDCDCD;  /* ie 6*/
}

专属浏览器的hack：

/* Opera */

 html:first-child #opera { display: block; }

 /* IE 7 */
 html > body #ie7 { *display: block; } 

/* IE 6 */ 
body #ie6 { _display: block; } 

/* Firefox 1 - 2 */
 body:empty #firefox12 { display: block; } 

/* Firefox */ 
@-moz-document url-prefix() { #firefox { display: block; } } 

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { #safari { display: block; } } 

/* Opera */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
{ head~body #opera { display: block; } }