資源描述：
《css hack解決瀏覽器兼容性問題》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、CSSHack解決瀏覽器兼容性問題網(wǎng)頁設(shè)計(jì)遇到最大的麻煩之一莫過于網(wǎng)頁對(duì)不同瀏覽器的兼容性問題了，因?yàn)镮E6.0/IE7.0/firefox2/Opera9等主流瀏覽器對(duì)CSS解析不近相同，導(dǎo)致設(shè)計(jì)的頁面效果不一樣，所以用什么方法可以有效解決不同瀏覽器不同頁面效果的問題呢？廣泛被使用的方法就是CSSHack，即使用特別的CSS定義顯示網(wǎng)頁在不同瀏覽器的設(shè)計(jì)風(fēng)格，針對(duì)不同的瀏覽器去寫不同的CSS，最大化兼容瀏覽器。一般情況下，我都會(huì)兼顧IE6.0/IE7.0/firefox2.0瀏覽器，下面是用的較頻繁的CSSHack技巧：1、用的最廣莫過于!important了，它可以針對(duì)IE（IE7.
2、0能正確理解!important）和非IE瀏覽器設(shè)置不同的樣式，只要在非IE瀏覽器樣式的后面加上!important，就可以針對(duì)其優(yōu)先了。所以為了兼顧IE6.0與火狐之間的差異，我都會(huì)使用!important。2、*+html{…}需要只針對(duì)IE7做樣式的時(shí)候就可以采用這個(gè)HACK。3、IE的if條件Hack所有的IE可識(shí)別只有IE5.0可以識(shí)別IE5.0包換IE5.5都可以識(shí)別僅IE6可識(shí)別IE6以及IE6以下的IE5.x都可識(shí)別僅IE7可識(shí)別-----------------------------------------------------------------你在寫css時(shí)樣式表加上瀏覽器標(biāo)識(shí)符就行了,各瀏覽器區(qū)別如下:IE都能識(shí)別*，標(biāo)準(zhǔn)瀏覽器（如FF）不能識(shí)別*；IE6能識(shí)別*，但不能識(shí)別!important；IE7能識(shí)別*，也能識(shí)別!impo
4、rtant；FF不能識(shí)別*，但能識(shí)別!important；例如style="*width:10px;!importantwidth:20px;"這樣在IE6下寬度為10px,在IE7下寬度時(shí)20px.e{/*FFOP*/background-color:#FF0000}html*.e{/*SaIE7OP*/background-color:#FF00FF}*+html.e{background-color:#000000;/*OP*/*background-color:#0000FF;/*IE7*/}*html.e{/*IE6*/background-color:#00FFFF}CSSH
5、ack匯總快查2008年02月07日星期四16:27屏蔽IE瀏覽器（也就是IE下不顯示）*:lang(zh)select{font:12px!important;}/*FF,OP可見，特別提醒：由于Opera最近的升級(jí)，目前此句只為FF所識(shí)別*/select:empty{font:12px!important;}/*safari可見*/這里select是選擇符，根據(jù)情況更換。第二句是MAC上safari瀏覽器獨(dú)有的。僅IE7與IE5.0可以識(shí)別*+htmlselect{…}當(dāng)面臨需要只針對(duì)IE7與IE5.0做樣式的時(shí)候就可以采用這個(gè)HACK。僅IE7可以識(shí)別*+htmlselect{…!
6、important;}當(dāng)面臨需要只針對(duì)IE7做樣式的時(shí)候就可以采用這個(gè)HACK。IE6及IE6以下識(shí)別*htmlselect{…}這個(gè)地方要特別注意很多博客都寫成了是IE6的HACK其實(shí)IE5.x同樣可以識(shí)別這個(gè)HACK。其它瀏覽器不識(shí)別。html/**/>bodyselect{…}這句與上一句的作用相同。僅IE6不識(shí)別，屏蔽IE6select{display/*屏蔽IE6*/:none;}這里主要是通過CSS注釋分開一個(gè)屬性與值，注釋在冒號(hào)前。僅IE6與IE5不識(shí)別，屏蔽IE6與IE5select/**/{display/*IE6,IE5不識(shí)別*/:none;}這里與上面一句不同的是在
7、選擇符與花括號(hào)之間多了一個(gè)CSS注釋。不屏蔽IE5.5僅IE5不識(shí)別，屏蔽IE5select/*IE5不識(shí)別*/{…}這一句是在上一句中去掉了屬性區(qū)的注釋。只有IE5不識(shí)別，IE5.5可以識(shí)別。盒模型解決方法selct{width:IE5.x寬度;voice-family:""}"";voice-family:inherit;width:正確寬度;}盒模型的清除方法不是通過!important來處理的。這點(diǎn)要明確。清除浮動(dòng)sel
