你對(duì)同一樣式表中如何對(duì)區(qū)分IE6，IE7，F(xiàn)irefox的樣式是否了解，相信通過(guò)本文的學(xué)習(xí)你一定會(huì)有不少收獲。

同一樣式表中如何對(duì)區(qū)分IE6,IE7,Firefox的樣式

導(dǎo)致網(wǎng)頁(yè)制作者面臨著許多煩惱，是由于Firefox與IE對(duì)于css規(guī)范支持略有不同。許多時(shí)候不得不制作兩套css文件，或者使用一些成熟的css框架。但是還有一些情況下，當(dāng)我針對(duì)IE設(shè)置完css之后，用Firefox打開，發(fā)現(xiàn)只有一兩個(gè)樣式不太合適，專門再寫一個(gè)css文件不太合算。那么就可以針對(duì)某一兩個(gè)屬性進(jìn)行設(shè)置。只要了解IE與Firefox一些不同，就能夠很容易達(dá)到這個(gè)目的。

◆IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*；

IE6能識(shí)別*，但不能識(shí)別!important,

IE7能識(shí)別*，也能識(shí)別!important;

FF不能識(shí)別*，但能識(shí)別!important;

◆總結(jié)出下表：

                IE6      IE7         FF
          *       √        √          ×
!important    ×       √         √

因此，要在某一個(gè)css屬性上區(qū)分IE和Firefox，可以利用“*”符號(hào)，使用如下設(shè)置：

 
 
 

  
  
  
background-color:#3F87E4; 
  
  
  
*background-color:#2e7ee8; 
  
  
  

 
 
 

***行，IE和Firefox都能夠識(shí)別出來(lái)，第二行IE能夠識(shí)別并且覆蓋掉***行的內(nèi)容，而Firefox不能識(shí)別。這樣就達(dá)到了在Firefox中使用***行設(shè)置，而在IE中使用第二行設(shè)置的目的。

利用上表，還能夠區(qū)分IE6和IE7，以及IE6與Firefox，IE7與Firefox，可以分別進(jìn)行不同的設(shè)置。如：

◆區(qū)別IE6與IE7：

 
 
 

  
  
  
background:green!important; 
  
  
  
background:blue; 
  
  
  

 
 
 

◆區(qū)別FF，IE7，IE6：

 
 
 

  
  
  
background:orange; 
  
  
  
*background:green!important; 
  
  
  
*background:blue; 
  
  
  

 
 
 

但是需要注意到一點(diǎn)是：不管是什么方法，書寫的順序都是Firefox的寫在前面，IE7的寫在中間，IE6的寫在***面。

文章來(lái)源:Div-Css.net設(shè)計(jì)網(wǎng)參考:http://www.div-css.net/div_css/topic/index.asp?id=7164

網(wǎng)頁(yè)名稱：同一樣式表中如何對(duì)區(qū)分IE6IE7Firefox的樣式
文章鏈接：http://uogjgqi.cn/article/ccoidgh.html