IE CSS Bug系列:IE7子选择器注释Bug

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

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

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

受影响版本

该bug影响:IE7

表现

包含了后面跟有注释的子选择器的选择器会被忽略

教程日期

2009-8-10  05:04:59 星期一

描述

这个bug用于描述无论是在IE6或者IE7中都不可见的规则集。IE6会忽略它是因为IE6不支持子选择器,而IE7忽略它因为它有这个注释bug。请看demo!

示例

由于此bug的性质,示例在一个单独页面上separate page

HTML代码:

CSS 代码:

在所有功能正常的浏览器上,这个<div>将是蓝色的。在IE7里这个规则会被忽略,因为子选择器带有注释。

 

解决方案

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

解决方案( Clean Solution

时间

2009-8-10 05:08:40 星期一

修复版本

所有受影响版本

具体方案

我写这个解决方案仅仅只要有一个简单的精神(以及显示这个bug确实是由注释引起的),因为我怀疑任何一个明智的人会愿意在选择器中间加注释,并在发现这样做引起了bug以后也毫不介意地依旧放在哪里 :) 让我们看看我们在这里得到了什么:

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

HTML代码:

CSS 代码:

这里不用再多说了。 我们去掉了其中的注释,bug也就没有了。

收藏 评论

关于作者:Ivy_Ling

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

相关文章

可能感兴趣的话题



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