IE8 CSS相容性記錄

2021-06-02 01:56:10 字數 1346 閱讀 6702

對ie8、ie7、ie6、firefox2.0.0.12做了簡單的一些css hack測試。下文中的 ie8 暫時僅代表ie8 beta1)。

css定義:p

xhtml結構:文字

主要是測試「文字」這個顏色在不同瀏覽器下使用hack的一些結果報告:

* html p        支援 ie6                不支援ff ie7 ie8b

*+html p      支援 ie7 ie8b        不支援ff ie6

p        支援 ie7 ie6           不支援ff ie8b

ie8 中增加了 css3 中的子串匹配的屬性選擇器(substring matching attribute selectors),具體規則與正則中的匹配很相似:

e[att^=』val』] //子串以』val』 開始

e[att$=』val』] //子串以』val』 結束

e[att*=』val』] //子串中包含』val』

ie8 支援絕大多數基本的 css2.1 選擇器,不支援的包括但不限於:[:first-line] 、[:first-letter]。

對於 css2.1 中的 generated content 部分,即通過使用偽元素 :before 和 :after 新增文字內容,ie8 中支援 並未完全 。

而對於幾乎在其他瀏覽器中都支援的 opacity 和 rgba ,ie8 中依舊沒有支援。

對於原來用來區分 ie 的 hack 在 ie8 中基本失效(比如*property:value、*property:value等)。

原有 ie 的 list-item whitespace bug 在 ie8 中依舊存在。

原有 ie 的 z-index bug 在 ie8 中依舊存在。

ie8 中產生新的 bug:當 line-heigth 小於正常值時,超出的部分將被裁切掉。

ie8 中依然不支援 display:table 。

ie8 中依然不支援 border 的 transparent 值。

ie8 中 @import 只支援三層巢狀。

ie8中 border的 transparent 不被支援

ie8中產生新的bug:line-heigth bug

/*/p/*/ 只針對ie8的hack,可以是屬性也可以是類

看來日後的網頁都是超文字,而不是現在的多**文字了.

簡單試用了一下ie8後,今天相對有時間點,對ie8、ie7、ie6、firefox2.0.0.12做了簡單的一些css hack測試。

樣式**:

p xhtml**:文字

主要是測試「文字」這個顏色在不同瀏覽器下使用hack的一些結果報告。

IE8 CSS 樣式相容性清單

最近部門業務 需要考慮ie8的相容性,剛好查到msdn上有ie系列瀏覽器對css相容性的完整清單,把其中ie8部分的內容翻譯了出來,作為備忘。正文分割線 ie8對於css2.1是完整支援的,對於css3則只是部分支援。下文中只列出ie8完全支援及完全不支援的樣式。注 下文中的e f均指html標籤名...

IE8 CSS樣式相容性清單

ie8對於css2.1是完整支援的,對於css3則只是部分支援。下文中只列出ie8完全支援及完全不支援的樣式,對於。注 下文中的e f均指html標籤名,如p,img等。支援 charset,import,media,page,font face 支援 value,value,e,支援 att va...

IE和FF相容性記錄。

ie下可以直接使用id作為物件,但是ff下不可以。譬如有乙個id mytxt的文字框,ie下可以 var v mytxt.value 但是ff下不可以 event 物件,alert event 測試結果 ie object chrome object mouseevent ff undifiend ...