CSS Hack技術(shù)的原理和用法

這篇文章主要介紹“CSS Hack技術(shù)的原理和用法”，在日常操作中，相信很多人在CSS Hack技術(shù)的原理和用法問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”CSS Hack技術(shù)的原理和用法”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

CSS Hack簡(jiǎn)介

CSS hack由于不同的瀏覽器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，對(duì)CSS的解析認(rèn)識(shí)不一樣，因此會(huì)導(dǎo)致生成的頁(yè)面效果不一樣，得不到我們所需要的頁(yè)面效果。

這個(gè)時(shí)候我們就需要針對(duì)不同的瀏覽器去寫不同的CSS，讓它能夠同時(shí)兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁(yè)面效果。這個(gè)針對(duì)不同的瀏覽器寫不同的CSS code的過(guò)程，就叫CSS hack,也叫寫CSS hack。

CSS Hack的原理是什么

由于不同的瀏覽器對(duì)CSS的支持及解析結(jié)果不一樣，還由于CSS中的優(yōu)先級(jí)的關(guān)系。我們就可以根據(jù)這個(gè)來(lái)針對(duì)不同的瀏覽器來(lái)寫不同的CSS。

比如 IE6能識(shí)別下劃線"_"和星號(hào)" * "，IE7能識(shí)別星號(hào)" * "，但不能識(shí)別下劃線"_"，而firefox兩個(gè)都不能認(rèn)識(shí)等等 。書寫順序，一般是將識(shí)別能力強(qiáng)的瀏覽器的CSS寫在后面。下面如何寫里面說(shuō)得更詳細(xì)些。

如何寫CSS Hack

比如要分辨IE6和firefox兩種瀏覽器，可以這樣寫：

<style>   iv{   background:green; /* for firefox */   *background:red; /* for IE6 */   }   </style> 　

我在IE6中看到是紅色的，在firefox中看到是綠色的。

解釋一下：

上面的CSS在firefox中，它是認(rèn)識(shí)不了后面的那個(gè)帶星號(hào)的東東是什么的，于是將它過(guò)濾掉，不予理睬，解析得到的結(jié)果是:div{background:green},于是理所當(dāng)然這個(gè)div的背景是綠色的。

到此，關(guān)于“CSS Hack技術(shù)的原理和用法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！