IE的CSS Bug列表(IE6,IE7和IE8)
作者：耗子
本文總結(jié)列出了幾十個(gè)有關(guān)IE的CSS Bug。列表中的鏈接指向相應(yīng)的指南和解決方法（英文）。列表總結(jié)的Bug包括IE6、IE7與IE8。
這個(gè)網(wǎng)頁(yè)上例舉了所有的IE和CSS相關(guān)的BUG。如果你在開(kāi)發(fā)網(wǎng)頁(yè)的時(shí)候，你需要看看。
目前，這個(gè)網(wǎng)站上包含了 28 個(gè)“普通的Bug” ， 4 個(gè)“布局方面的Bug” ，6 個(gè)“可以繞開(kāi)的Bug” 以及 1 個(gè)“IE崩潰的Bug”，所有的這些Bug有39個(gè)指南和48個(gè)解決方法。這個(gè)列表目前更新到 2009年8月11日，19:50:22
下面是所有的bug列表，你可以點(diǎn)擊每個(gè)BUG名的鏈接查看更詳細(xì)的說(shuō)明。
IE的CSS Bug：普通Bug
這部分 IE 的 bug 是比較普通的無(wú)法歸到其它種類(lèi)，或是同時(shí)屬于多個(gè)種類(lèi)的Bug。
| 名稱(chēng) | IE的版本 | 描述 |
|---|---|---|
| Hover White Background Ignore Bug | IE7 | background 不會(huì)因?yàn)?:hover而改變 |
| IE7 Child Selector Comment Bug | IE7 | 一個(gè) selector 包含了一個(gè)子的selector，如果后面跟著一個(gè)注釋?zhuān)瑒t會(huì)被完全忽略。 |
| Star HTML Bug | IE6 | * html selector 在 IE6 中沒(méi)有被忽略 |
| IE6 !important Ignore Bug | IE6 | !important 關(guān)鍵字會(huì)忽略，如果有相同的屬性被設(shè)置了 |
| PNG Image and Background Color Mismatch | IE8 及以下版本 | 背景顏色和指定的圖片的顏色不一致。而他們本來(lái)是一致的。IE認(rèn)為這是他一個(gè)Feature。太可笑了。 |
| No Auto Margin Center Pseudo-Bug | IE8 及以下版本 | 如果把margins 設(shè)置成 `auto` ，IE不會(huì)把組件放置在中間的位置。所有的瀏覽器都會(huì)，只有IE不會(huì)。 |
| :first-line !important Rule Ignore Bug | IE8 | 如果在偽class :first-line 內(nèi)使用!important，那么其所有定義會(huì)被忽略。 |
| :first-letter Ignore Bug | IE6 | 整個(gè):first-letter 的屬性定義會(huì)被除數(shù)完全忽略。 |
| :first-letter !important Rule Ignore Bug | IE8 | 如果在偽class :first-letter內(nèi)使用!important，那么其所有定義會(huì)被忽略。 |
| Partial Click Bug v2 | IE8以 | 設(shè)置了整個(gè)區(qū)域是可以點(diǎn)擊的，但在IE中只有文本可以點(diǎn)擊。 |
| Staircase Bug | below IE8 | 浮動(dòng)的元素排序起來(lái)就像一個(gè)樓梯。 |
| Disappearing List Background Bug | IE6 | B <li>, <dt>, <dd> 沒(méi)有背景。 |
| noscript Ghost Bug | IE8 and below | <noscript> 標(biāo)識(shí)中只有 borders/background 才有用。 |
| No Transparency Click Bug | IE8 and below | 背景透明的圖片在作為鏈接時(shí)，并且其“filter”被設(shè)置成了PNG透明，但其背景還是不可點(diǎn)擊。 |
| List Drop Shift Bug | IE8 | 在<li>中的內(nèi)容被換行了。 |
| No Increase on <ol> Numbers Bug | below IE8 | <ol> 中的 <li> 列表序號(hào)不會(huì)增加。 |
| No Bullets on <ul> and <ol> Bug | below IE8 | 在<ul> 和 <ol> 中看不到列表序號(hào)/數(shù)字了。 |
| No line-height Vertical Center on Images Bug | IE8以下版 | 圖片使用line-height 方法不能垂直居中 |
| No Background Image Bug | IE8及以下版 | 在IE中使用background無(wú)法定義背景圖 |
| Custom Cursor Bug | IE8及以下版 | 自定義鼠標(biāo)不工作 |
| Leaking Background Bug | IE6 | 背景從一個(gè)元件的內(nèi)部溢出到外部 |
| Expanding Height Bug | IE6 | 元件的高度比指定的要長(zhǎng)得多。 |
| Expanding Width Bug | IE6 | 元件的寬度比指定的要長(zhǎng)得多。 |
| Double Margin Bug | IE6 | float元件的左和右的空白（margins）被加倍了。 |
| Negative Margin Bug | IE8以下版 | 如果使用負(fù)數(shù)來(lái)指定頁(yè)白（margins）里面的元件會(huì)被外面的元件所遮擋。 |
| Italics Float Bug | IE6 | float的元件中的字體會(huì)被設(shè)置成傾斜。 |
| 3px Gap Bug aka Text Jog Bug | IE6 | 下一個(gè)float的元件不是有一個(gè)3px的空隙，就是被換行了。 |
| Text-Align Bug | IE8以下版 | text-align屬性會(huì)影響整個(gè)元件內(nèi)的所有內(nèi)容。 |
IE的CSS Bug：布局類(lèi) Bug
| 名稱(chēng) | IE的版本 | 描述 |
|---|---|---|
| Border Chaos Bug | IE6 | 連框顯示是混亂的 |
| Sub-Hover Bug | IE6 | 一些selectors 如 a:hover foo{} 無(wú)法正常工作 |
| Partial Click Bug | IE6 | 在定義了display: block的鏈接中(<a>) 只有文本是可以點(diǎn)的。 |
| Disappearing Content Bug | IE6 | 當(dāng)我們滾動(dòng)窗口的時(shí)候，或是最大化最小化窗品的時(shí)候，有一些內(nèi)容會(huì)重復(fù)顯示。 |
IE的CSS Bug：不支持的功能
| 名稱(chēng) | IE的版本 | 描述 |
|---|---|---|
| No Child Selector Support Workaround | IE6 | 子 selector 無(wú)效 |
| Max-Height Workaround | IE6 | max-height 無(wú)效 |
| Max-Width Workaround | IE6 | max-width 無(wú)效 |
| Opacity | IE8及以下版 | opacity 屬性無(wú)效 |
| Min-Width Workaround | IE6 | min-width 屬性無(wú)效 |
| Min-Height Workaround | IE6 | min-height 屬性無(wú)效 |
IE的CSS Bug：程序崩潰 Bug
這個(gè)BUG可以導(dǎo)致整個(gè) IE 崩潰。
| 名稱(chēng) | IE的版本 | 描述 |
|---|---|---|
| Hover Crash Bug | IE6 | 當(dāng)你把鼠標(biāo)移上 :hover 的鏈接時(shí)，瀏覽器會(huì)崩潰 |
本文來(lái)自酷殼《IE的CSS相關(guān)的BUG》。
【編輯推薦】
責(zé)任編輯：yangsai
來(lái)源：
酷殼
