RSS
热门关键字:  CSS教程  CSS布局  CSS样式  CSS hack  CSS JS
当前位置 :| 主页>CSS hack>

CSS兼容方案

来源:cssplay 作者:cssplay 时间:2008-09-04 点击:

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


实例运行代码框如下:


 提示:您可以先修改部分代码再运行


在对浏览器兼容性要求越来越高的时候,大家是否正在寻找一个完整的解决方案呢?继《最新CSS兼容方案》之后,更新的CSS hack出炉啦,包括FF、IE6、IE7、Opear、Safari,需要注意的是IE由于在不同的DTD上渲染的模式不同,“_”这个hack的使用要注意页面是否使用了DTD或XML申明(<?xml version="1.0" encoding="utf-8"?>)。


.class{
background-color:# FFFF00;/*所有浏览器*/
* background-color:#00FF00;/*IE*/
_ background-color:# 00FFFF;/*IE6*/
}

@media all and(min-width:0){
.class{
background-color:#FF00FF; /*Opera */
} }/*只有Opera识别*/

@media all and (min-width:0){
.class{
background-color:#FF00FF; /*Opera和Sa */
html* .class{
background-color:# 808080; /*Sa*/
}
}}


已在实际工作中应用,欢迎大家提供更好的解决方案。


Tag:CSS兼容   CSS-Hack  
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
热点实例