日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

CSS hack是什么?IE689瀏覽器的CSS hack大全介紹

1、常見的特殊符號的應用:
IE6:
_selector{property:value;}
selector{property:value;property:value !important;} //IE6 不支持同一選擇符中的 !important
IE7:
selector{property:value;}
IE8:
【CSS hack是什么?IE689瀏覽器的CSS hack大全介紹】selector{property:value;}
IE6 & IE7:
*selector{property:value;}
IE6 & IE7 & IE8:
selector{property:value9;}
總結起來,如下:
其中,S表示Standards Mode即標準模式,Q表示Quirks Mode,即兼容模式 。
2、條件注釋語句( )
所有的IE可識別
僅IE6可識別
IE6以及IE6以上版本可識別
IE7以下版本可識別
lt 表示less than 當前條件版本以下的版本,不包含當前版本 。
gte 表示greeter than or equal 當前版本以上版本,并包含當前版本 。
lte 表示less than or equal 當前版本以下版本,并包含當前版本 。
3、meta聲明
由于IE8 可能會將頁面按照 IE7 模式進行渲染,針對 多版本IE的現(xiàn)狀,通常會采用設置 X-UA-Compatible HTTP 頭的方式將頁面在IE中采用統(tǒng)一的渲染模式 。

CSS hack是什么?IE689瀏覽器的CSS hack大全介紹


4、其他(/***/注釋法)
網(wǎng)上也流傳著這樣一種ie hack方法
.color1{ color:#F00; color/***/:#00F /***/}/*IE6,IE7,IE8,FF,OP,SA識別*/
.color2{ color:#F00; color /***/:#00F /*9**/}/*IE7,IE8,FF,OP,SA識別*/
.color3{ color:#F00; color/***/:#00F 9}/*IE6,IE7,IE8識別*/
.color4{ color:#F00; color /***/:#00F9}/*IE7,IE8識別*//*“color”和“/***/”之間有個空格*/
分析下:
background-color:blue; 各個瀏覽器都認識,這里給firefox用;
background-color:red9;9所有的ie瀏覽器可識別;
background-color:yellow;是留給ie8的,但筆者測試,發(fā)現(xiàn)最新版opera也認識,汗 。。。不過且慢,后面自有hack寫了給opera認的,所以,我們就認為是給ie8留的;
background-color:pink;ie7定了;
_background-color:orange; _專門留給神奇的ie6;
:root #test { background-color:purple9; } :root是給ie9的,網(wǎng)上流傳了個版本是 :root #test { background-color:purple;},呃 。。。這個 。。。,新版opera也認識,所以經(jīng)筆者反復驗證最終ie9特有的為:root 選擇符 {屬性9;}
@media all and (min-width:0px){ #test {background-color:black;} } 這個是老是跟ie搶著認的神奇的opera,必須加個,不然firefox,chrome,safari也都認識 。。。
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后這個是瀏覽器新貴chrome和safari的 。
好了就這么多了,特別注意以上順序是不可以改變的 。css hack雖然可以解決個瀏覽器之間css顯示的差異問題,但是畢竟不符合W3C規(guī)范,我們平時寫css最好是按照標準來,這樣對我們以后維護也是大有好處的,實在不行再用 。
區(qū)別不同瀏覽器的CSS hack寫法:
區(qū)別IE6與FF:
background:orange;*background:blue;
區(qū)別IE6與IE7:
background:green !important;background:blue;
區(qū)別IE7與FF:
background:orange; *background:green;
區(qū)別FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
注:IE都能識別*;標準瀏覽器(如FF)不能識別*;
IE6能識別*,但不能識別 !important,
IE7能識別*,也能識別!important;
FF不能識別*,但能識別!important;
CSS hack是什么?IE689瀏覽器的CSS hack大全介紹


另外再補充一個,下劃線"_",
IE6支持下劃線,IE7和firefox均不支持下劃線 。
CSS hack是什么?IE689瀏覽器的CSS hack大全介紹


于是大家還可以這樣來區(qū)分IE6,IE7,firefox

推薦閱讀