歸納 CSS HACK之IE6/IE7/IE8/IE9/FF
【歸納 CSS HACK之IE6/IE7/IE8/IE9/FF】自從安裝了IE8.0正式版本!就對基本的幾個 CSS HACK的做一下歸納!希望對網頁前端布局DIV CSS的實施者有所幫助!
本文就主要以:IE6 IE7 IE8 IE9 FF為主要研究對象
HACK原理:不同瀏覽器對各中字符的識別不同 (讀完文章你會發現,FF和IE8對以下字符的識別能力完全相同)
在 CSS中常用特殊字符識別表:
(1)*: IE6 IE7都能識別*,而標準瀏覽器FF IE8是不能識別*的;
(2)!important: 除IE6不能識別 !important外, FF IE8 IE7都能識別!important
(3)_ : 除IE6支持_ 外, FF IE8 IE7都不支持_;
(4)9:所有IE瀏覽器都識別(IE6、IE7、IE8、IE9)
(5): 只對IE8 有效
示例:
(1)區別FF(IE8)與IE6 IE7
backgorund:orange; FF和IE8背景色將為橘黃色
*backgorund:red; IE6和IE7背景色將為紅色
(2)區別FF(IE8)與IE6與IE7
background:orange; FF和IE8背景色將為橘黃色
*background:red !important; IE7背景色將為紅色
*background:blue; IE6背景色將為藍色
(3)區別FF(IE8)與IE6與IE7
background:orange; FF和IE8背景色將為橘黃色
*background:red; IE7背景色將為紅色
_background:blue; IE6背景色將為藍色
(4)區別FF與IE6 IE7 E8
color:gray; FF等非IE瀏覽器字體色將為灰色
color:red9; IE8 IE9字體色將為紅色
一看就懂：
復制代碼代碼如下:
style
div{
width:400px;
height:400px;
background-color:red;
background-color:blue9; /*所有IE*/
background-color:yellow; /*IE8 hack*/
_background-color:#CDCDCD; /* ie 6*/
* html background-color:white; /*僅IE7*/
*background-color:pink; /*IE6 IE7 hack*/
@background-color:white; /*opera hack*/
}
/style
