瀏覽器兼容問題一直是大家比較關(guān)注的，這里和大家分享一下如何使用不同的CSS樣式兼容多種瀏覽器，我們?cè)谠O(shè)置CSS時(shí)需要兼容這幾種常用的瀏覽器才能有好的用戶體驗(yàn)。我們可以通過html的條件注釋來實(shí)現(xiàn)這種兼容，原理如下文詳細(xì)介紹。

如何使用不同的CSS樣式兼容多種瀏覽器

由于存在有IE,firefox還有其他幾個(gè)主流的web瀏覽器，因此我們?cè)谠O(shè)置CSS時(shí)需要兼容這幾種常用的瀏覽器才能有好的用戶體驗(yàn)。我們可以通過html的條件注釋來實(shí)現(xiàn)這種兼容，原理如下：

◆條件注釋的基本結(jié)構(gòu)和HTML的注釋()是一樣的。因此IE以外的瀏覽器將會(huì)把它們看作是普通的注釋而完全忽略它們。

◆IE將會(huì)根據(jù)if條件來判斷是否如解析普通的頁面內(nèi)容一樣解析條件注釋里的內(nèi)容。

◆條件注釋使用的是HTML的注釋結(jié)構(gòu)，因此他們只能使用在HTML文件里，而不能在CSS文件中使用。

下面是一個(gè)典型的運(yùn)用實(shí)例：

示例代碼

 
 
 

  
  
  

  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  
  
  

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  
h1{color:black} 
  
  
  

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  
h1{color:red} 
  
  
  

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  
h1{color:blue} 
  
  
  

  
  
  

  
  
  

  
  
  

  
  
  
如何兼容多種瀏覽器
  
  
  

  
  
  

  
  
  

 
 
 

 本文來自CSS在線：http://www.CSSCSS.org/CSSarticle/2010315810.shtml

分享題目：技術(shù)分享使用不同CSS樣式兼容多種瀏覽器
分享路徑：http://www.dlmjj.cn/article/dhipcgo.html