title: 572.IE的CSS相关的BUG outline: deep

这个网页(http://haslayout.net/css/index)上例举了所有的IE和CSS相关的BUG。如果你在开发网页的时候,你需要看看。

目前,这个网站上包含了 28 个“普通的Bug”4 个“布局方面的Bug”6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有39个指南和48个解决方法。这个列表目前更新到 2009年8月11日,19:50:22

下面是所有的bug列表,你可以点击每个BUG名的链接查看更详细的说明。

目录

普通Bug

这部分 IE 的 bug 是比较普通的无法归到其它种类,或是同时属于多个种类的Bug。

名称

IE的版本

描述

Hover White Background Ignore Bug

IE7

background 不会因为 :hover而改变

IE7 Child Selector Comment Bug

IE7

一个 selector 包含了一个子的selector,如果后面跟着一个注释,则会被完全忽略。

Star HTML Bug

IE6

* html selector 在 IE6 中没有被忽略

IE6 !important Ignore Bug

IE6

!important 关键字会忽略,如果有相同的属性被设置了

PNG Image and Background Color Mismatch

IE8 及以下版本

背景颜色和指定的图片的颜色不一致。而他们本来是一致的。IE认为这是他一个Feature。太可笑了。

No Auto Margin Center Pseudo-Bug

IE8 及以下版本

如果把margins 设置成 auto ,IE不会把组件放置在中间的位置。所有的浏览器都会,只有IE不会。

:first-line !important Rule Ignore Bug

IE8

如果在伪class :first-line 内使用!important,那么其所有定义会被忽略。

:first-letter Ignore Bug

IE6

整个:first-letter 的属性定义会被除数完全忽略。

:first-letter !important Rule Ignore Bug

IE8

如果在伪class :first-letter内使用!important,那么其所有定义会被忽略。

Partial Click Bug v2

IE8以

设置了整个区域是可以点击的,但在IE中只有文本可以点击。

Staircase Bug

below IE8

浮动的元素排序起来就像一个楼梯。

Disappearing List Background Bug

IE6

B ‹li›, ‹dt›, ‹dd› 没有背景。

noscript Ghost Bug

IE8 and below

‹noscript› 标识中只有 borders/background 才有用。

No Transparency Click Bug

IE8 and below

背景透明的图片在作为链接时,并且其“filter”被设置成了PNG透明,但其背景还是不可点击。

List Drop Shift Bug

IE8

在‹li›中的内容被换行了。

No Increase on ‹ol› Numbers Bug

below IE8

‹ol› 中的 ‹li› 列表序号不会增加。

No Bullets on ‹ul› and ‹ol› Bug

below IE8

在‹ul› 和 ‹ol› 中看不到列表序号/数字了。

No line-height Vertical Center on Images Bug

IE8以下版

图片使用line-height 方法不能垂直居中

No Background Image Bug

IE8及以下版

在IE中使用background无法定义背景图

Custom Cursor Bug

IE8及以下版

自定义鼠标不工作

Leaking Background Bug

IE6

背景从一个元件的内部溢出到外部

Expanding Height Bug

IE6

元件的高度比指定的要长得多。

Expanding Width Bug

IE6

元件的宽度比指定的要长得多。

Double Margin Bug

IE6

float元件的左和右的空白(margins)被加倍了。

Negative Margin Bug

IE8以下版

如果使用负数来指定页白(margins)里面的元件会被外面的元件所遮挡。

Italics Float Bug

IE6

float的元件中的字体会被设置成倾斜。

3px Gap Bug aka Text Jog Bug

IE6

下一个float的元件不是有一个3px的空隙,就是被换行了。

Text-Align Bug

IE8以下版

text-align属性会影响整个元件内的所有内容。

布局类 Bug

名称

IE的版本

描述

Border Chaos Bug

IE6

连框显示是混乱的

Sub-Hover Bug

IE6

一些selectors 如 a:hover foo{} 无法正常工作

Partial Click Bug

IE6

在定义了display: block的链接中(‹a›) 只有文本是可以点的。

Disappearing Content Bug

IE6

当我们滚动窗口的时候,或是最大化最小化窗品的时候,有一些内容会重复显示。

不支持的功能

名称

IE的版本

描述

No Child Selector Support Workaround

IE6

子 selector 无效

Max-Height Workaround

IE6

max-height 无效

Max-Width Workaround

IE6

max-width 无效

Opacity

IE8及以下版

opacity 属性无效

Min-Width Workaround

IE6

min-width 属性无效

Min-Height Workaround

IE6

min-height 属性无效

程序崩溃 Bug

这个BUG可以导致整个 IE 崩溃。

名称

IE的版本

描述

Hover Crash Bug

IE6

当你把鼠标移上 :hover 的链接时,浏览器会崩溃

(全文完)