CSS HACK在IE6/IE7/IE8/IE9/FF中的示例分析

小編給大家分享一下CSS HACK在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>

以上是“CSS HACK在IE6/IE7/IE8/IE9/FF中的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！