最新CSS浏览器兼容方案

最新的CSS兼容方案,让你的样式完美兼容各大浏览器,这个方案主要是用来解决Safari的,Opear是在测试的时候顺带试了一下,结果发现竟然也行,所以顺便也解决了。:)

.e {/*FF OP*/
background-color: #FF0000
}
html* .e{/*Sa IE7 OP*/
background-color:#FF00FF
}
*+html .e{
background-color:#000000;/*OP*/
*background-color:#0000FF;/*IE7*/
}
* html .e{/*IE6*/
background-color:#00FFFF
}
经FF2、OP9.21、OP9.10、Sa3.0.3(pc)、IE7、IE6测试通过,如果你在其他的浏览器版本上测试过,欢迎给我留言,把结果告诉我。

需要注意的是:IE7对样式的解释跟DTD是有关,在没有DTD的时候,IE7是能读取IE6的hack的。

在没有<?xml version=“1.0” encoding=“utf-8”?>的情况下:

*+html .e{
background-color:#000000;/*OP*/
background-color:#0000FF;/*IE7/
}
对Opera不起作用。

这个情况下,上面的兼容方案,Opera是与Firefox同价的

原文地址:https://www.cnblogs.com/cm186man/p/1415582.html