<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" charset="utf-8"> <style> *{ margin:0} /* for ff和chrome 和ie-----------------说是仅gecko内核浏览器,实际不是 */ *> .test{ background-color:red; } /*仅仅for ff*/ @-moz-document url-prefix(){ .test{ background-color:green; } } /*仅仅for webkit内核-------------------chrome safari*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .test{ background-color:blue; } } /*仅针对ie 9 10*/ :root .test{ background-color:#6666339; } /*针对ie8及其以下的*/ .test{ background-color:#FFFF669; } .test{ *background-color:#00CCFF;/*仅仅针对ie7 ie 6*/ _background-color:#FF9900;/* 仅针对ie6 */ } </style> </head> <body> <div class="test"> 爱你很好。连风都知道,第一次心甘情愿不想逃 </div> </body> </html>
没有opera浏览器,所以不能测试,也就懒得写了。如果需要http://www.w3cplus.com/css/create-css-browers-hacks查看原文
有一句话很对,有时候解决问题一定要尽量避免css hack。可能只是你某个设置出了问题,在这个浏览器中正好显现出来了。我曾犯过很多这样的错误。静下心来,一点点理清,就会找到问题所在