好文: CSS Hack 在各瀏覽器的差異、用法 整理

CSS 在各個瀏覽器呈現多少有點差異, 於是就有 CSS Hack 產生, 主要用在瀏覽器的微調, 可見: CSS 處理不同瀏覽器畫面錯亂問題.

除了 *, _ 等, 還有其它的 Hack, 在各種瀏覽器的運作狀況如何呢?

下述表格轉載自: CSS hack區分IE6、IE7、IE8、Firefox、Opera、Google、PCManCB

註1: 不過將表格中的 PCManCB 移除, 因為 PCManCB 是吃 IE 核心, 跟機器安裝的 IE 版本有關, 與 PCManCB 無關.

註2: 將測試沒用的語法移除. =.=|||

  IE6 IE7 IE8 Firefox Opera Google 範例
. Y Y N N N N .type { .color: #F00; }
* Y Y N N N N .type { *color: #F00; }
_ Y N N N N N .type { _color: #F00; }
!important Y Y Y Y Y Y .type { color: #F00 !important; }
*+ Y Y N N N N .type { *+color: #F00; }

相關網頁


關於 Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 Document-Ebook。將永久鏈結加入書籤。

發表迴響