CSS相容性彙總

2022-07-26 01:06:12 字數 1023 閱讀 5929

css屬性hack

把屬性hack分為 字首屬性hack和 字尾屬性hack

css屬性hack(字首)

針對的瀏覽器

_color:red;

ie6及其以下的版本

*color:red ;或者 +color:red;

ie7及其以下的版本

css屬性hack(字尾)

針對的瀏覽器

color:red\9;

ie6/ie7/ie8/ie9/ie10版本

color:red\0;

ie8/ie9/ie10版本

color:red\9\0;

ie9/ie10

color:red!important

ie7/ie8/ie9/ie10及其他非ie瀏覽器

其實,現在越來越的公司,不太讓相容ie6了,現在比較關心的是ie8.910等高版本的瀏覽器,因此這裡小強老師也總結了ie專屬hack ,比如ie8等。

選擇器hack寫法

針對於的瀏覽器

@media screen\9}

只對ie6/7生效

@media \0screen }

只對ie8生效

@media \0screen\,screen\9}

只對ie6/7/8有效

@media screen\0 }

只對ie8/9/10有效

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) }

只對ie10有效

如果樣式比較多,條件注釋,是不錯的選擇:

ie條件注釋語句

ie條件注釋語句

針對的瀏覽器版本

ie7 以下版本

ie7及以下版本(包含ie7)

ie7 以上版本

ie7及以上版本(包含ie7)

非ie7版本

您使用不是 internet explorer

非ie瀏覽器

IE相容性彙總

平時測試過的一些常見的,以後遇到相容性問題還會持續更新 一 js相關 1.ie7及以下不支援對字串用下標檢索,例如 var s abc console.log s 0 在ie7及以下瀏覽器下結果是undefined 解決辦法是用charat進行檢索 console.log s.chatat 0 結果...

CSS相容性總結

一.針對ie6的 important 必須寫在前面,例如 background 9c6 important background 999 二.css hack ie6 專用 height 100px ie7 專用 height 100px ie6 ie7 共用 height 100px ie7 ff...

相容性(空格相容性)

在chrome與firefox下顯示的寬度不同,原因是兩個瀏覽器的預設字型不同,給html規定字型即可解決。下面有各種形式的空格,各有不同 不換行空格,按下空格鍵所產生的空格,受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...