CSS兼容方案最新的一些技巧 - web2.0标准讨论 - jQuery 中文社区官方论坛

leitu_studio

版主

UID 3919
精华 0
积分 10
帖子 15
阅读权限 100
注册 2007-11-13
状态离线

#1

使用道具

发表于 2008-2-16 17:23 资料个人空间短消息加为好友

CSS兼容方案最新的一些技巧

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

[Copy to clipboard] [ - ]

CODE:

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

[ 本帖最后由 leitu_studio 于 2008-2-16 17:36 编辑 ]