css兼容代码演示示例

 <style> 
#solvesdemo 
{  
width:300px;  
height:300px;   
background-color:blue;  /*firefox*/
background-color:red\9;  /*all ie*/
background-color:yellow\0;/*ie8*/
+background-color:pink;/*ie7*/
_background-color:orange;   /*ie6*/
} 
:root #solvesdemo { background-color:purple\9; }  /*ie9*/
@media all and (min-width:0px){ #test {background-color:black\0;} }  /*opera*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }  /*chrome and safari*/
</style> 
<div id="pc811demo">大家好。欢迎访问SOLVES</div>
以上是代码，大家可直接复制到一个记事本中并另存为一个html网页，并使用不同的浏览器打开，我们就会发现id为solvesdemo 的div将会显示不同的颜色。希望可以帮到大家。