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