瀏覽器專用HACK

2022-03-15 20:57:23 字數 601 閱讀 5179

第乙個hack,ie ff 所有瀏覽器 公用

height:100px;

第二個hack ie6專用

_height:100px;

第三個hack ie6 ie7公用

*height:100px;

#height:100px;

介紹完了這三個hack了,下面我們再來看看如何在乙個樣式裡分別給乙個屬性定義ie6 ie7 ff專用的hack,看下面的**,順序不能錯哦:

程式**:

height:100px;

*height:120px;

_height:150px;

在ff下,第2、3個屬性ff不認識,所以它讀的是 height:100px;

在ie7下,第三個屬性ie7不認識,所以它讀第1、2個屬性,又因為第二個屬性覆蓋了第乙個屬性,所以ie7最終讀出的是第2個屬性 *height:120px;

在ie6下,三個屬性ie6都認識,所以三個屬性都可以讀取,又因為第三個屬性覆蓋掉前2個屬性,所以ie6最終讀取的是第三個屬性。

只有opera識別 @media all and (min-width: 0px) } 針對opera瀏覽器做單獨的設定。

主流瀏覽器相容HACK

propertyname value和單位 9 僅ie8識別 propertyname value 單位 selector ie7識別 propertyname value 單位 ie6識別 safari和 chrome 使用 media screen and webkit min device p...

hack 瀏覽器相容css hack)

1.hack的原理 由於不同的瀏覽器對css的支援及解析結果不一樣,還由於css中的優先順序的關係。我們就可以根據這個來針對不同的瀏覽器來寫不同的css。css hack大致有3種表現形式,css類內部hack 選擇器hack以及html頭部引用 if ie hack,css hack主要針對類內部...

各瀏覽器相容hack 寫法

在我們設計 或者在製作主題的時候都需要用到css,但是現在瀏覽器特別多,每種瀏覽器顯示的效果不一樣我們怎麼來區別這些惱人的瀏覽器顯示問題呢?今天分享一篇區別各個瀏覽器相容性呢 針對樣式名 如果只讓ie6看見用 html head 如果只讓ie7看見用 html head 如果只讓ff看見用 root...