【歸納 CSS HACK之IE6/IE7/IE8/IE9/FF】自從安裝了IE8.0正式版本!就對(duì)基本的幾個(gè) CSS HACK的做一下歸納!希望對(duì)網(wǎng)頁(yè)前端布局DIV CSS的實(shí)施者有所幫助!
本文就主要以:IE6 IE7 IE8 IE9 FF為主要研究對(duì)象
HACK原理:不同瀏覽器對(duì)各中字符的識(shí)別不同 (讀完文章你會(huì)發(fā)現(xiàn),FF和IE8對(duì)以下字符的識(shí)別能力完全相同)
在 CSS中常用特殊字符識(shí)別表:
(1)*: IE6 IE7都能識(shí)別*,而標(biāo)準(zhǔn)瀏覽器FF IE8是不能識(shí)別*的;
(2)!important: 除IE6不能識(shí)別 !important外, FF IE8 IE7都能識(shí)別!important
(3)_ : 除IE6支持_ 外, FF IE8 IE7都不支持_;
(4)9:所有IE瀏覽器都識(shí)別(IE6、IE7、IE8、IE9)
(5): 只對(duì)IE8 有效
示例:
(1)區(qū)別FF(IE8)與IE6 IE7
backgorund:orange; FF和IE8背景色將為橘黃色
*backgorund:red; IE6和IE7背景色將為紅色
(2)區(qū)別FF(IE8)與IE6與IE7
background:orange; FF和IE8背景色將為橘黃色
*background:red !important; IE7背景色將為紅色
*background:blue; IE6背景色將為藍(lán)色
(3)區(qū)別FF(IE8)與IE6與IE7
background:orange; FF和IE8背景色將為橘黃色
*background:red; IE7背景色將為紅色
_background:blue; IE6背景色將為藍(lán)色
(4)區(qū)別FF與IE6 IE7 E8
color:gray; FF等非IE瀏覽器字體色將為灰色
color:red9; IE8 IE9字體色將為紅色
一看就懂：
復(fù)制代碼代碼如下:
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
推薦閱讀
- 讓IE6、IE7、IE8支持CSS3的圓角、陰影樣式
- 應(yīng)用before/after偽類時(shí)如何CSS命名以及針對(duì)ie6/ie7瀏覽器兼容
- IE瀏覽器專有css屬性之zoom詳解
- IE CSS半透明的注意事項(xiàng)
- IE盒子模型和標(biāo)準(zhǔn)W3C盒子模型
- 兼容IE6的圖片圓角邊框CSS
- CSS 完美兼容IE6/IE7/FF的通用hack方法
- css 條件注釋區(qū)分非IE瀏覽器
- 針對(duì)主流瀏覽器的CSS-HACK寫法及IE常用條件注釋
- 針對(duì)firefox ie6 ie7 ie8的css樣式hack