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的。

让你的样式完美兼容各大浏览器，这个方案主要是用来解决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的。

下载本文示例代码


CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧CSS在各浏览器中兼容的技巧

阅读(155) | 评论(0) | 转发(0) |

0

上一篇：CSS浮动元素对浏览器的支持

下一篇：CSS常用语法缩写总结