当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS教程:CSS兼容的技巧

CSS样式表
CSS教程:了解熟悉css语法
CSS教程:CSS到底是干什么用的?
让XHTML元素的命名规则更加合理
CSS网页设计技巧十则
CSS样式表层叠(cascade)处理冲突
保存CSS中的图片的几种方法
不成熟的标准化
CSS教程:优先级问题的考虑实例
构建网站合理规划CSS文件
通过W3C XHTML1.0标准验证的经验
DIV CSS技术是否适合中国中小网站?
学习CSS的背景图像属性background
CSS网页布局开发小技巧24则
CSS BUG解决方法以及CSS BUG类的小技巧
CSS教程:容器定位
CSS教程:网页布局定位及z-index解释
学习css需要什么软件
CSS元素的层叠与z-index设置
CSS教程:表格的nobr终极解决方案
Css Reset(复位)的简单介绍

CSS样式表 中的 CSS教程:CSS兼容的技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 40 ::
收藏到网摘: n/a


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