本文向大家描述一下CSS在IE6、IE7、IE8中的兼容差異，截至本文，InternetExplorer各個(gè)版本總共占據(jù)了大約65%的市場份額。在網(wǎng)站開發(fā)社區(qū)，這個(gè)數(shù)字要小很多，統(tǒng)計(jì)顯示大概只有40%。這些統(tǒng)計(jì)中比較有趣的部分是，IE6、IE7、IE8之間的數(shù)值很接近，這防止了單個(gè)Microsoft的瀏覽器占居統(tǒng)治地位——與過去的情況相反。

CSS在IE6、IE7、IE8中的兼容差異解析

關(guān)于瀏覽器的最離奇的統(tǒng)計(jì)結(jié)果之一就是InternetExplorer版本6，7和8共存。截至本文，InternetExplorer各個(gè)版本總共占據(jù)了大約65%的市場份額。在網(wǎng)站開發(fā)社區(qū)，這個(gè)數(shù)字要小很多，統(tǒng)計(jì)顯示大概只有40%。

這些統(tǒng)計(jì)中比較有趣的部分是，IE6、IE7、IE8之間的數(shù)值很接近，這防止了單個(gè)Microsoft的瀏覽器占居統(tǒng)治地位——與過去的情況相反。根據(jù)這些令人遺憾的統(tǒng)計(jì)結(jié)果，在為客戶開發(fā)網(wǎng)站的時(shí)候開發(fā)人員對所有當(dāng)前使用的IE瀏覽器做全面的測試是必要的，而且這樣在個(gè)人項(xiàng)目上也可以拉攏更多的用戶。

多謝那些JavaScript庫(框架)，跨瀏覽器的Javascript的測試已經(jīng)像當(dāng)前形勢所允許的那樣接近***了。但在CSS開發(fā)中還不是這樣，特別是關(guān)系到IE目前存在的三個(gè)版本。

本文嘗試為希望了解CSS對IE6、IE7、IE8的支持的不同的開發(fā)者提供一份詳細(xì)的、易用的參考。本參考包含以下情況的概述和兼容情況：

◆三個(gè)瀏覽器中的一個(gè)支持而另外兩個(gè)不支持的條目

◆三個(gè)瀏覽器中的兩個(gè)支持而另外一個(gè)不支持的條目

本文不討論：

◆三個(gè)瀏覽器都不支持的條目

◆私有屬性

因此，本文的中心是三個(gè)瀏覽器中的不同，而不是必要的支持缺陷。該列表被分為以下五個(gè)部分：

◆選擇器與繼承

◆偽類與偽元素

◆屬性支持

◆其它各種技術(shù)

◆重要bug和不兼容問題

選擇器與繼承

子選擇器

示例

 
 
 

  
  
  
body>p{  
  
  
  
 color:  
  
  
  
 #fff;  
  
  
  
}  
 
 
 

描述

子選擇器選擇一個(gè)特定父級(jí)元素的所有直接子級(jí)元素，在上面的例子中，body是父元素，p是子元素。

支持情況

IE6，No
IE7，Yes
IE8，Yes

IE7中，如果在父級(jí)標(biāo)簽和子級(jí)標(biāo)簽之間有一個(gè)HTML注釋，子選擇器將不會(huì)工作。

鏈類

示例 

 
 
 

  
  
  
.class1.class2.class3  
  
  
  
{  
  
  
  
 background:  
  
  
  
 #fff;  
  
  
  
}  
 
 
 

描述

鏈類用于送一個(gè)HTML元素有多個(gè)class聲明的情況，就像這樣：

 
 
 

  
  
  

  
  
  
class="class1class2class3">
Contenthere.