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

CSS样式表
CSS3教程(10):CSS3 HSL声明设置颜色
CSS3教程:新增加的结构伪类
网页布局绝对定位(position)轻松简单
掌握盒模型轻松DIV CSS网页布局
实例方式学CSS text-align怎么用
网页重构时在IE6中遇到png兼容性
CSS3教程:边框属性border的极致应用
CSS网页布局使用表格可以吗?
最新版本的CSS选择器浏览器支持情况
有序列表和段落设计华丽的网页列表数字
CSS教程:通过实例学习和理解CSS盒模型
CSS网页布局的核心内容:CSS盒模型
CSS3伪类选择器:nth-child()
CSS教程:inline-block在各浏览器的显示
CSS实现网页分栏布局的方法:绝对定位和浮动
CSS实例:用CSS制作网页像素画
CSS教程:三列固定网页布局实例
无hack无js全兼容text-overflow-ellipsis效果
CSS解决方案:IE6中遇到png兼容性
CSS学习之类目之间竖线的练习实例

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 139 ::
收藏到网摘: 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*/
}