你對 IE6中CSS兼容性問題是否了解，IE6中CSS兼容性是個(gè)比較棘手的問題，這里和大家分享一下解決技巧，希望對你的學(xué)習(xí)有所幫助。

　　IE6中常見CSS兼容性解決技巧

　 1、使用一個(gè)聲明

　　你必須經(jīng)常在HTML網(wǎng)頁頭部放置一個(gè)聲明，推薦使用嚴(yán)格的標(biāo)準(zhǔn)。同時(shí)需要是IE6進(jìn)入兼容模式，這已經(jīng)足夠兼容的了。

　　2、使用position:relative

　　設(shè)置一個(gè)標(biāo)簽position:relative可以解決很多問題，特別是曾經(jīng)有過看不見的經(jīng)歷或者奇怪布局的框架。明顯的，你需要小心，絕對位置放置的子元素是否都參照找到新位置。

　　3、為浮動(dòng)元素使用display:inline

　　浮動(dòng)元素會(huì)有一個(gè)著名的IE6雙邊距marginbug。假如你設(shè)置了左邊距5px但實(shí)際上得到了10px左邊距。display:inline可以解決這個(gè)問題，盡管它不是必需的，但是CSS仍然有效。

　　4、設(shè)置元素啟動(dòng)hasLayout

　　大部分IE6(IE7)的渲染問題都可以通過起來元素的hasLayout屬性來兼容。這是IE內(nèi)置的設(shè)定，確定一個(gè)內(nèi)容塊相對其它內(nèi)容塊是有界限和位置的。當(dāng)你需要設(shè)置一個(gè)行內(nèi)元素例如一個(gè)連接變成塊狀元素或者是透明效果，設(shè)置hasLayout也是必須的。

　　5、修復(fù)重復(fù)字符的bug

　　復(fù)雜的布局會(huì)觸發(fā)一個(gè)bug：浮動(dòng)對象的***字符會(huì)出現(xiàn)在已經(jīng)清除浮動(dòng)的元素后面。這里有幾種解決的辦法，部分是理想的，并且一些測試和出錯(cuò)是必須的。

　　◆確保浮動(dòng)元素都使用：display:inline;

　　◆***一個(gè)浮動(dòng)元素使用margin-right:-3px;

　　◆在浮動(dòng)對象***一個(gè)元素后使用一個(gè)條件注釋。例如這里輸入注釋…

　　◆在容器內(nèi)的***使用一個(gè)div空標(biāo)簽(它也必須設(shè)置90%寬度甚至更小)。

　　6、使用a標(biāo)簽完成可點(diǎn)擊和hover原理

　　IE6只支持a標(biāo)簽的CSS定義hover效果，你可以使用它去控制javascript啟動(dòng)的widgets，使得他們?nèi)匀槐３宙I盤操作。這里有個(gè)二擇一的問題，但是a標(biāo)簽是所有解決方案中最可靠的。IE6不支持“min-height”并且錯(cuò)誤的將20em重寫為“auto”。不過，當(dāng)內(nèi)容大于設(shè)置的空間時(shí)，它會(huì)增加它的尺寸。另外一個(gè)選擇是使用高級選擇符。例如：

以下是代碼片段： 

#element{min-height:20em;height:20em;}  
/*ignoredbyIE6*/#element[id]{height:auto;}  

　　7、使用!important，或是高級選擇符替代IE特定代碼

　　在外置的CSS文件里，放棄憑借傳統(tǒng)的hacks和條件判斷，使用有效的CSS代碼去針對IE6仍然是有可能的。例如：最小高度可以使用一下定義。　

　#element{min-height:20em;height:auto!important;
/*understoodbyallbrowsers*  
/height:20em;/*IE6incorrectlyusesthisvalue/*}  
 

　　8、避免百分比定義

　　百分比在IE下比較混亂。除非你非常小心每個(gè)父元素的尺寸，這樣就大概可以***避免了。你仍然可以對其他瀏覽器使用!important來使用百分值。例如：　　

body{margin:2%0!important;margin:20px0;/*IE6only*/}  
 

　　9、早點(diǎn)和經(jīng)常測試

　　在你的網(wǎng)站和應(yīng)用程序完成之前，不要放棄IE6的測試。問題將會(huì)更加嚴(yán)重并且需要很長時(shí)間去修復(fù)。如果你的網(wǎng)站可以運(yùn)行于FireFox和IE6，它將差不多肯定可以在其它瀏覽器下運(yùn)行。

　　10、重構(gòu)你的代碼

　　經(jīng)常的，修復(fù)會(huì)比重新考慮布局問題更加花費(fèi)時(shí)間。Html細(xì)微的修改和更加簡單的CSS經(jīng)常是最有效的。這意味著你要放棄***的合法的代碼，但是將會(huì)更少的問題出現(xiàn)，并且你知道怎樣處理將要出現(xiàn)的情況。

【編輯推薦】

1. IE6雙倍margin間距解決方法
2. IE6.0對padding的解讀分析
3. CSS 尺寸屬性用法解讀
4. IE6 IE7 IE8三大瀏覽器的CSS兼容速查表
5. CSS中cellspacing和cellpadding屬性用法揭秘