IE6、IE7和FF的最簡單的hack技巧
互聯(lián)網(wǎng) 發(fā)布時(shí)間：2008-10-17 19:26:10 作者：佚名 
我要評論
我要評論 關(guān)于CSS HACK的文章在webjx.com中提及的也很多。
CSSer必須掌握的關(guān)于IE6、IE7和FF的最簡單的hack技巧。
FF瀏覽器
.test{
height:20px;
background-color:orange;
}
IE7瀏覽器
* html .test{/*IE7*/
height:20px;
background-color:blue;
關(guān)于CSS HACK的文章在jb51.net中提及的也很多。
CSSer必須掌握的關(guān)于IE6、IE7和FF的最簡單的hack技巧。
FF瀏覽器
.test{
height:20px;
background-color:orange;
}
IE7瀏覽器
* html .test{/*IE7*/
height:20px;
background-color:blue;
}
IE6瀏覽器
*html .test{/*IE6*/
height:20px;
background-color:black;
}
通過上面的CSS代碼可以看出FF還是最聽話的瀏覽器。
在IE6和IE7如果要使用HACK必須要在前面加上夫級標(biāo)簽html。
這里就很好記憶了，IE6加*html，而IE7加* html，暗示加了一個(gè)版本。
通過對class、id所做的CSS HACK好處在于不用顧及前后順序，而且便于管理和其他人員接受，
還可以通過這種HACK實(shí)現(xiàn)類似JS瀏覽器版本的控制。
上面內(nèi)容看完可以點(diǎn)擊下面的效果在不同瀏覽器來看看效果，
其中橙色代表FF，藍(lán)色代表IE7，黑色代表IE6。
大家可以自行測試！
相關(guān)文章
- 這篇文章主要介紹了10個(gè)必備的CSS技巧總結(jié),隨看隨記,敬請收藏~需要的朋友可以參考下2015-06-29
- CSS是網(wǎng)頁設(shè)計(jì)師的基礎(chǔ)，對CSS的了解能使他們能夠設(shè)計(jì)出更加美觀別致的網(wǎng)頁。使用CSS技巧來巧妙地處理CSS是非常令設(shè)計(jì)師著迷的事情。在CSS的深海世界里有很多有意思的東西2013-04-09
- 最常用和實(shí)用的CSS技巧，不論是前臺美工還是后臺成員人員都需要注意的地方。2010-01-05
- 層疊樣式表（CSS）是現(xiàn)代的網(wǎng)站設(shè)計(jì)不可或缺的重要組成部分，就像10年前那樣，沒有它網(wǎng)站就會顯得是丑陋的。隨著時(shí)間的推移，網(wǎng)絡(luò)中的CSS的教程質(zhì)量已有顯著的提高。2009-10-27
網(wǎng)頁制作中應(yīng)用的50個(gè)CSS技巧(國外)
幾乎可以肯定的CSS是最好的一個(gè)網(wǎng)頁設(shè)計(jì)的發(fā)展，因?yàn)榈谝淮螆D形的Web瀏覽器通過了關(guān)于大規(guī)模，凡表創(chuàng)建笨重，緩慢加載網(wǎng)頁，創(chuàng)建的CSS更加精簡和實(shí)用的網(wǎng)頁。2009-08-03- 網(wǎng)頁制作Webjx文章簡介：本文描述了一個(gè)在IE6下用import導(dǎo)入CSS的問題！ 在ie 6中可以先寫CSS再加import比如 p {} @import url("base.css");2009-04-02
- CSS在書寫過程中會一些小技巧，會省時(shí)省力，比如按字母順序來排列css、先標(biāo)記 后css等等，本文整理了一些，感興趣的朋友可以參考下希望對大家書寫css有所幫助2013-08-13
- 這篇文章主要介紹了CSS Hack技術(shù)介紹及常用的Hack技巧集錦,本文講解了什么是CSS Hack、常用的CSS Hack、IE6對!important的支持、IE6下的多選擇符等內(nèi)容,需要的朋友可以參考2014-10-08
CSS hack技巧之IE6，IE7，firefox顯示不同效果
區(qū)別不同瀏覽器的CSS hack寫法2010-03-06- 不同的瀏覽器對CSS的解析結(jié)果是不同的，因此會導(dǎo)致相同的CSS輸出的頁面效果不同，這就需要CSS Hack來解決瀏覽器局部的兼容性問題，本文給大家分享CSS常用技巧之CSS書寫技巧2016-01-12