hack 瀏覽器相容css hack)

2022-03-26 16:11:01 字數 899 閱讀 3195

1.hack的原理

由於不同的瀏覽器對css的支援及解析結果不一樣,還由於css中的優先順序的關係。我們就可以根據這個來針對不同的瀏覽器來寫不同的css。

css hack大致有3種表現形式,css類內部hack、選擇器hack以及html頭部引用(if ie)hack,css hack主要針對類內部hack:比如 ie6能識別下劃線"_"和星號" * ",ie7能識別星號" * ",但不能識別下劃線"_",而firefox兩個都不能認識。等等

選擇器hack:比如 ie6能識別*html .class{},ie7能識別*+html .class{}或者*:first-child+html .class{}。等等

html頭部引用(if ie)hack:針對所有ie:,針對ie6及以下版本:,這類hack不僅對css生效,對寫在判斷語句裡面的所有**都會生效。

2.css hack 方式

(1)方式一 條件注釋法

只在ie下生效

只在ie6下生效

只在ie6以上版本生效

只在ie8上不生效

非ie瀏覽器生效

(2)方式二 類內屬性字首法

說明:在標準模式中

(3)css hack方式三:選擇器字首法

*html *字首只對ie6生效*+html *+字首只對ie7生效@media screen\9只對ie6/7生效@media \0screen }只對ie8有效@media \0screen\,screen\9}只對ie6/7/8有效@media screen\0 } 只對ie8/9/10有效@media screen and (min-width:0\0) } 只對ie9/10有效@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) } 只對ie10有效等等

主流瀏覽器相容HACK

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

各瀏覽器相容hack 寫法

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

解決瀏覽器相容性問題hack

hack主要解決低版本 ie 6 7 8相容性問題 更高版本的瀏覽器出現的相容性問題最好不要使用hack來解決,因為hack只是通過在低版本中宣告了css 一些特殊的符號,讓不同的瀏覽器識別不同的符號 什麼樣的瀏覽器識別什麼樣的符號是有標準的,css hack就是讓你記住這個標準 以達到應用不同的c...