当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 都是IE惹的祸多浏览器兼容问题

CSS样式表
CSS定位中Positoin、absolute、Relative的一些研究
脚本控制三行三列自适应高度DIV布局的代码
word-wrap在firefox中不起作用的解决方法
网页设计者需要了解的_网页字体大小数据参考
div+css与xhtml+css分别是什么意思?
xhtml+css网页制作中常见问题解决方法
表格标签table深入了解
DIV+CSS网页另类上下布局的实例代码
CSS实现每行新闻数量不等效果代码
JAVASCRIPT IE 与 FF 中兼容写法记录
让超出DIV宽度范围的文字自动显示省略号...
CSS使用学习总结
解决IE6 3像素Bug的css写法
用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大
firefox margin-top失效的原因与解决办法
IE hack条件写法
css pointer控制在firefox下显示手型的代码
纯CSS实现上下左右都居中的代码
在DW中CSS编码需要注意和掌握的一些技巧
DIV CSS网页布局 最小高度(min-height)的妙用

CSS样式表 中的 都是IE惹的祸多浏览器兼容问题


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

IE7发布已经有些日子了,因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容,找到了一个解决办法,这里既是共享,也是记录。结合之前自己使用important!和/**/来区分IE5、IE6、Moz的经历,以下代码区分4个浏览器,复制代码保存成一个HTML文件看看效果吧:(
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

特别提醒:
#example {
background: red; /*For Moz*/
}
* html #example {
background: yellow; /*For IE5*/
background/**/: green; /*For IE6*/
}
*+html #example {
background: blue; /*For IE7*/
}