css hack的原理及常用的hack介紹

本篇內(nèi)容主要講解“css hack的原理及常用的hack介紹”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“css hack的原理及常用的hack介紹”吧!

　　不同的瀏覽器對(duì)CSS的解析結(jié)果是不同的，因此會(huì)導(dǎo)致相同的CSS輸出的頁(yè)面效果不同，這就需要CSSHack來(lái)解決瀏覽器局部的兼容性問(wèn)題。而這個(gè)針對(duì)不同的瀏覽器寫不同的CSS代碼的過(guò)程，就叫CSSHack。

　　CSSHack常見(jiàn)的有三種形式

　　CSS屬性Hack、CSS選擇符Hack以及IE條件注釋Hack，Hack主要針對(duì)IE瀏覽器。

　　1、屬性級(jí)Hack：比如IE6能識(shí)別下劃線”_”和星號(hào)”*“，IE7能識(shí)別星號(hào)”*“，但不能識(shí)別下劃線”_”，而firefox兩個(gè)都不能認(rèn)識(shí)。

　　2、選擇符級(jí)Hack：比如IE6能識(shí)別*html.class{}，IE7能識(shí)別*+html.class{}或者*:first-child+html.class{}。

　　3、IE條件注釋Hack：IE條件注釋是微軟從IE5開(kāi)始就提供的一種非標(biāo)準(zhǔn)邏輯語(yǔ)句。比如針對(duì)所有IE：<!–[ifIE]><!–您的代碼–><![endif]–>，針對(duì)IE6及以下版本：<!–[ifltIE7]><!–您的代碼–><![endif]–>，這類Hack不僅對(duì)CSS生效，對(duì)寫在判斷語(yǔ)句里面的所有代碼都會(huì)生效。

　　PS：條件注釋只有在IE瀏覽器下才能執(zhí)行，這個(gè)代碼在非IE瀏覽下被當(dāng)做注釋視而不見(jiàn)?？梢酝ㄟ^(guò)IE條件注釋載入不同的CSS、JS、HTML和服務(wù)器代碼等。

　　常用的CSSHack

　　代碼如下:

　　/*CSS屬性級(jí)Hack*/

　　color:red;/*所有瀏覽器可識(shí)別*/

　　_color:red;/*僅IE6識(shí)別*/

　　*color:red;/*IE6、IE7識(shí)別*/

　　+color:red;/*IE6、IE7識(shí)別*/

　　*+color:red;/*IE6、IE7識(shí)別*/

　　[color:red;/*IE6、IE7識(shí)別*/

　　color:red9;/*IE6、IE7、IE8、IE9識(shí)別*/

　　color:red;/*IE8、IE9識(shí)別*/

　　color:red9;/*僅IE9識(shí)別*/

　　color:red;/*僅IE9識(shí)別*/

　　color:red!important;/*IE6不識(shí)別!important*/

到此，相信大家對(duì)“css hack的原理及常用的hack介紹”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！