特牛的FF/IE6/IE7專用CSS HACK
更新時間：2008年01月10日 16:29:48 作者：
特牛的FF/IE6/IE7專用CSS HACK
這是一篇關(guān)于CSS HACK的文章，這篇文章中提到的CSS HACK是針對class、id中屬性的HACK，排列的順序都具有要求。今天要和大家說的是針對class、id所做的CSS HACK。
.test{/*FF*/
height:20px;
background-color:orange;
}
*+html .test{/*IE7*/
height:20px;
background-color:blue;
}
*html .test{/*IE6*/
height:20px;
background-color:black;
}
通過上面的CSS代碼可以看出FF還是最聽話的瀏覽器，在IE6和IE7如果要使用HACK必須要在前面加上夫級標簽html。這里就很好記憶了，IE6加*html，而IE7加*+html，暗示加了一個版本。通過對class、id所做的CSS HACK好處在于不用顧及前后順序，而且便于管理和其他人員接受，還可以通過這種HACK實現(xiàn)類似JS瀏覽器版本的控制。缺點嘛可能就是產(chǎn)生大量的代碼吧！好了，大致就先說說這些。
上面內(nèi)容看完可以點擊下面的效果在不同瀏覽器來看看效果，其中橙色代表FF，藍色代表IE7，黑色代表IE6。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復(fù)制代碼 代碼如下:
.test{/*FF*/
height:20px;
background-color:orange;
}
*+html .test{/*IE7*/
height:20px;
background-color:blue;
}
*html .test{/*IE6*/
height:20px;
background-color:black;
}
通過上面的CSS代碼可以看出FF還是最聽話的瀏覽器，在IE6和IE7如果要使用HACK必須要在前面加上夫級標簽html。這里就很好記憶了，IE6加*html，而IE7加*+html，暗示加了一個版本。通過對class、id所做的CSS HACK好處在于不用顧及前后順序，而且便于管理和其他人員接受，還可以通過這種HACK實現(xiàn)類似JS瀏覽器版本的控制。缺點嘛可能就是產(chǎn)生大量的代碼吧！好了，大致就先說說這些。
上面內(nèi)容看完可以點擊下面的效果在不同瀏覽器來看看效果，其中橙色代表FF，藍色代表IE7，黑色代表IE6。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
一個頁面有4個Iframe來顯示flash內(nèi)容，其中第二個iframe的顯示是用Javascript控制的，只有當(dāng)特定的cookie存在時才出現(xiàn)，否則顯示普通的文本。2008-05-05
研究了一下div+css的高度自適應(yīng)問題...2007-08-08
CSS的filter屬性用于給元素添加各種圖形效果,如模糊、顏色偏移等,它支持多種濾鏡函數(shù),如blur()、brightness()、contrast()等,可以單獨使用,也可以組合使用,以創(chuàng)建更復(fù)雜的效果2024-11-11
web標準常見問題集合...2006-11-11
Web的發(fā)展非常迅速，UI設(shè)計也越來越美觀，漂亮。同時也給WEB前端編碼提出了新的要求。鏈接元素在點擊時會出現(xiàn)虛線框，由于種種原因，您的主管可能要求你想辦法將鏈接虛線邊框出除。2008-05-05
小心：CSS代碼書寫順序不同，導(dǎo)致顯示效果不一樣...2006-12-12
在Firefox2中某些情況下輸入框雖然可以輸入，但在獲取焦點時沒有文本輸入光標的顯示，這個是非常惡心的bug，非常容易讓表單使用者有一種不能輸入的錯覺，即使后來嘗試知道可以輸入，但也無法判斷光標定位在哪兒。2008-05-05
CSS制造：鼠標移上去顯示大圖...2006-12-12
越發(fā)感覺網(wǎng)頁設(shè)計人員的辛苦，就一個自動換行，2008-08-08
給自己的網(wǎng)站制作一個favicon.ico圖標的實現(xiàn)方法
給自己的網(wǎng)站制作一個favicon.ico圖標的實現(xiàn)方法...2007-03-03