IE的CSS相关的BUG,整理一

本来不想弄这个ie的bug的,真的很想让它快点死掉,可是事与愿违啊,没办法,还是贴出来,以备自用。

这个网页(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

这部分 Hover White Background Ignore BugIE7background 不会因为 :hover而改变IE7 Child Selector Comment BugIE7一个 selector 包含了一个子的selector,如果后面跟着一个注释,则会被完全忽略。Star HTML BugIE6* html selector 在 IE6 中没有被忽略IE6 !important Ignore BugIE6!important 关键字会忽略,如果有相同的属性被设置了PNG Image and Background Color MismatchIE8 及以下版本背景颜色和指定的图片的颜色不一致。而他们本来是一致的。IE认为这是他一个Feature。太可笑了。No Auto Margin Center Pseudo-BugIE8 及以下版本如果把margins 设置成 `auto` ,IE不会把组件放置在中间的位置。所有的浏览器都会,只有IE不会。:first-line !important Rule Ignore BugIE8如果在伪class :first-line 内使用!important,那么其所有定义会被忽略。:first-letter Ignore BugIE6整个:first-letter 的属性定义会被除数完全忽略。:first-letter !important Rule Ignore BugIE8如果在伪class :first-letter内使用!important,那么其所有定义会被忽略。Partial Click Bug v2IE8以设置了整个区域是可以点击的,但在IE中只有文本可以点击。Staircase Bugbelow IE8浮动的元素排序起来就像一个楼梯。Disappearing List Background BugIE6B <li>, <dt>, <dd> 没有背景。noscript Ghost BugIE8 and below<noscript> 标识中只有 borders/background 才有用。No Transparency Click BugIE8 and below背景透明的图片在作为链接时,并且其“filter”被设置成了PNG透明,但其背景还是不可点击。List Drop Shift BugIE8在<li>中的内容被换行了。No Increase on <ol> Numbers Bugbelow IE8<ol> 中的 <li> 列表序号不会增加。No Bullets on <ul> and <ol> Bugbelow IE8在<ul> 和 <ol> 中看不到列表序号/数字了。No line-height Vertical Center on Images BugIE8以下版图片使用line-height 方法不能垂直居中No Background Image BugIE8及以下版在IE中使用background无法定义背景图Custom Cursor BugIE8及以下版自定义鼠标不工作Leaking Background BugIE6背景从一个元件的内部溢出到外部Expanding Height BugIE6元件的高度比指定的要长得多。Expanding Width BugIE6元件的宽度比指定的要长得多。Double Margin BugIE6float元件的左和右的空白(margins)被加倍了。Negative Margin BugIE8以下版如果使用负数来指定页白(margins)里面的元件会被外面的元件所遮挡。Italics Float BugIE6float的元件中的字体会被设置成倾斜。3px Gap Bug aka Text Jog BugIE6下一个float的元件不是有一个3px的空隙,就是被换行了。Text-Align BugIE8以下版text-align属性会影响整个元件内的所有内容。

布局类 Bug

名称IE的版本描述
Border Chaos BugIE6连框显示是混乱的
Sub-Hover BugIE6一些selectors 如 a:hover foo{} 无法正常工作
Partial Click BugIE6在定义了display: block的链接中(<a>) 只有文本是可以点的。
Disappearing Content BugIE6当我们滚动窗口的时候,或是最大化最小化窗品的时候,有一些内容会重复显示。

不支持的功能

名称IE的版本描述
No Child Selector Support WorkaroundIE6子 selector 无效
Max-Height WorkaroundIE6max-height 无效
Max-Width WorkaroundIE6max-width 无效
OpacityIE8及以下版opacity 属性无效
Min-Width WorkaroundIE6min-width 属性无效
Min-Height WorkaroundIE6min-height 属性无效

程序崩溃 Bug

这个BUG可以导致整个 Hover Crash BugIE6当你把鼠标移上 :hover 的链接时,浏览器会崩溃

(全文完)