對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 ...