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寬度 ...