IE CSS Bug系列:IE6忽略!important的Bug

伯乐在线导读:IE 浏览器不支持很多 CSS 属性是出了名的,即便在支持的部分中,也是有很多 Bug 的。Zoffix Znet 整理了 IE 中的 CSS 问题,有简单的问题示例,也有解决方法。 这个系列共有 58 个指南,70 个解决方案。这篇由伯乐在线前端开发小组的@ivy3372 翻译。(欢迎更多前端开发朋友来加入“前端开发小组。)

【提示】:IE CSS BUG 系列译文正在进行中,后续或有改动和调整,请不要转载本系列的译文。

—————————————————————————–

受影响版本

该bug影响:IE6

表现

同一个规则集里,当相同的规则稍后被再次设置时,!important关键字被忽略。

教程日期

2009-8-9  07:514:27 星期天

描述

我现在没什么好的IE bug可写,所以我决定发布这一个。由于触发原因少的缘故,这个bug只会很少影响你,并且通常是用来针对没有使用条件注释的IE6。我们来看一看:

示例

由于这个bug的性质,示例在一个单独页面上单独网页

HTML代码:

CSS 代码:

在功能完善的浏览器上,这个<div>的背景色将是红色,而在IE6里它将是蓝色。这是怎么回事呢?因为 IE6 忽略了我们在background规则上的!important设置,因为同样的规则在同一个规则集里被再次规定了。

 

解决方案

以下是按照解决方案类型排序的解决方案:

解决方案(Clean Solution

时间

2009-8-9 07:57:08 星期天

修复版本

所有受影响版本

描述

由于这个bug的性质,修复的代码在单独的页面可获得单独网页

 

HTML代码:

CSS 代码:

解决方法在这个案例里看起来很明显。简单删除带有!important规则后面跟着的重复规则。易如反掌,不是吗?

收藏 评论

关于作者:Ivy_Ling

(新浪微博:@Ivy_3372) 个人主页 · 我的文章

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部