Css樣式兼容IE6,IE7,FIREFOX的瀏覽器的寫(xiě)法示例介紹
發(fā)布時(shí)間:2014-10-20 15:50:34 作者:佚名
我要評(píng)論

FF和IE對(duì)一些符號(hào)識(shí)別上有些差異,可以利用這個(gè)差異單獨(dú)對(duì)FF以及IE定義樣式,書(shū)寫(xiě)的順序都是firefox的寫(xiě)在前面,IE7的寫(xiě)在中間,IE6的寫(xiě)在最后面
根據(jù)FF和IE對(duì)一些符號(hào)識(shí)別的差異,我們可以單獨(dú)對(duì)FF以及IE定義樣式,例子:
區(qū)別IE6與FF:
background:orange;*background:blue;
區(qū)別IE6與IE7:
background:green !important;background:blue;
區(qū)別IE7與FF:
background:orange; *background:green;
區(qū)別FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
注:IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*;
IE6能識(shí)別*,但不能識(shí)別 !important,
IE7能識(shí)別*,也能識(shí)別!important;
FF不能識(shí)別*,但能識(shí)別!important;
所以標(biāo)準(zhǔn)的寫(xiě)法FF,IE7,IE6:
color:#fff; *color:#000 !important; *color:#ff6600;
firefox:白色,IE7:黑色,IE6:橙色
另外再補(bǔ)充一個(gè),下劃線”_”,
IE6支持下劃線,IE7和firefox均不支持下劃線。
于是大家還可以這樣來(lái)區(qū)分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,書(shū)寫(xiě)的順序都是firefox的寫(xiě)在前面,IE7的寫(xiě)在中間,IE6的寫(xiě)在最后面。
區(qū)別IE6與FF:
background:orange;*background:blue;
區(qū)別IE6與IE7:
background:green !important;background:blue;
區(qū)別IE7與FF:
background:orange; *background:green;
區(qū)別FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
注:IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*;
IE6能識(shí)別*,但不能識(shí)別 !important,
IE7能識(shí)別*,也能識(shí)別!important;
FF不能識(shí)別*,但能識(shí)別!important;
所以標(biāo)準(zhǔn)的寫(xiě)法FF,IE7,IE6:
color:#fff; *color:#000 !important; *color:#ff6600;
firefox:白色,IE7:黑色,IE6:橙色
另外再補(bǔ)充一個(gè),下劃線”_”,
IE6支持下劃線,IE7和firefox均不支持下劃線。
于是大家還可以這樣來(lái)區(qū)分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,書(shū)寫(xiě)的順序都是firefox的寫(xiě)在前面,IE7的寫(xiě)在中間,IE6的寫(xiě)在最后面。
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇淺談前端制作中,IE6還有必要兼容嗎?小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-31
使用語(yǔ)義化標(biāo)簽去寫(xiě)你的HTML 兼容IE6,7,8
下面小編就為大家?guī)?lái)一篇使用語(yǔ)義化標(biāo)簽去寫(xiě)你的HTML 兼容IE6,7,8。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧2016-04-14讓IE6支持兼容min-width、max-width CSS樣式屬性的方法
這篇文章主要介紹了讓IE6支持兼容min-width、max-width CSS樣式屬性的方法,需要的朋友可以參考下2016-01-13兼容IE6、IE7的min-width、max-width寫(xiě)法
這篇文章主要介紹了兼容IE6、IE7的min-width、max-width寫(xiě)法,需要的朋友可以參考下2016-01-13一行代碼解決各種IE兼容問(wèn)題,IE6,IE7,IE8,IE9,IE10
在網(wǎng)站開(kāi)發(fā)中不免因?yàn)楦鞣N兼容問(wèn)題苦惱,針對(duì)兼容問(wèn)題,其實(shí)IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問(wèn)題2015-09-26兼容IE6的min-width、min-height的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇兼容IE6的min-width、min-height的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-17