本文详细介绍了在CSS中使用不同浏览器兼容性写法的方法，包括针对IE6到IE9等旧版浏览器及Chrome、Safari等现代浏览器的特定样式设置技巧。
#test
{
width:300px;
height:300px;
background-color:blue; /*all*/
background-color:red\9; /*ie6,7,8，9*/
background-color:red \9; /*加空格ie8*/
background-color:yellow\0; /*ie8， 高版本opera*/
background-color:yellow \0; /*加空格是非ie8*/
background-color:yellow\9\0; /*没有空格ie9*/
*+background-color:pink; /*ie7*/
*background-color:pink; /*ie6,7*/
_background-color:orange; /*ie6*/
}
:root #test { background-color:purple\9; } /*ie9*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} } /*chrome and safari*/
@media all and (min-width:0px){ #test {background-color:black;} } /* IE9支持 */
@media all and (min-width:0px){ #test {background-color:black\0;} }/*opera */
扫一扫
616
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
