自從安裝了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)\0: 只對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:red\9; IE8 IE9字體色將為紅色
一看就懂：
復制代碼代碼如下:
<style>
div{
width:400px;
height:400px;
background-color:red;
background-color:blue\9; /*所有IE*/
background-color:yellow\0; /*IE8 hack*/
_background-color:#CDCDCD; /* ie 6*/
*+html background-color:white; /*僅IE7*/
*background-color:pink; /*IE6 IE7 hack*/
@background-color:white; /*opera hack*/
}
</style>