建站
咨詢
售后
建站咨詢
新聞中心
本文和大家重點(diǎn)討論一下十大要點(diǎn)解決IE6兼容性問(wèn)題，相信通過(guò)本文的簡(jiǎn)單介紹你對(duì)IE6兼容性有更深一步的認(rèn)識(shí)，歡迎大家一起來(lái)學(xué)習(xí)IE6兼容性。
成都創(chuàng)新互聯(lián)主營(yíng)金山網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件開(kāi)發(fā),金山h5小程序制作搭建,金山網(wǎng)站營(yíng)銷推廣歡迎金山等地區(qū)企業(yè)咨詢
10要點(diǎn)解決IE6兼容性問(wèn)題
1、使用聲明
你必須經(jīng)常在html網(wǎng)頁(yè)頭部放置一個(gè)聲明，推薦使用嚴(yán)格的標(biāo)準(zhǔn)。例如
- "http://www.w3.org/TR/html4/strict.dtd”>
- or,forXHTML:
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
***你需要是IE6進(jìn)入兼容模式，這已經(jīng)足夠兼容了。
2、使用position:relative
IE6兼容性問(wèn)題解決方案二：使用position:relative。設(shè)置一個(gè)標(biāo)簽position:relative可以解決很多問(wèn)題，特別是曾經(jīng)有過(guò)看不見(jiàn)的經(jīng)歷或者奇怪布局的框架。明顯的，你需要小心，絕對(duì)位置放置的子元素是否都參照找到新位置。
3、為浮動(dòng)元素使用display:inline
浮動(dòng)元素會(huì)有一個(gè)著名的IE6雙邊距marginbug。假如你設(shè)置了左邊距5px但實(shí)際上得到了10px左邊距。display:inline可以解決這個(gè)問(wèn)題，盡管它不是必需的，但是css仍然有效。
4、設(shè)置元素啟動(dòng)hasLayout
大部分IE6（IE7）的渲染問(wèn)題都可以通過(guò)起來(lái)元素的hasLayout屬性來(lái)兼容。這是IE內(nèi)置的設(shè)定，確定一個(gè)內(nèi)容塊相對(duì)其它內(nèi)容塊是有界限和位置的。當(dāng)你需要設(shè)置一個(gè)行內(nèi)元素例如一個(gè)連接變成塊狀元素或者是透明效果，設(shè)置hasLayout也是必須的。
5、修復(fù)重復(fù)字符的bug
復(fù)雜的布局會(huì)觸發(fā)一個(gè)bug：浮動(dòng)對(duì)象的***字符會(huì)出現(xiàn)在已經(jīng)清除浮動(dòng)的元素后面。這里有幾種解決的辦法，部分是理想的，并且一些測(cè)試和出錯(cuò)是必須的。
a、確保浮動(dòng)元素都使用：display:inline；
b、***一個(gè)浮動(dòng)元素使用margin-right:-3px;
c、在浮動(dòng)對(duì)象***一個(gè)元素后使用一個(gè)條件注釋。例如這里輸入注釋… d、在容器內(nèi)的***使用一個(gè)div空標(biāo)簽（它也必須設(shè)置90%寬度甚至更?。?/p>
6、使用a標(biāo)簽完成可點(diǎn)擊和hover原理
IE6只支持a標(biāo)簽的css定義hover效果
你可以使用它去控制javascript啟動(dòng)的widgets，使得他們?nèi)匀槐３宙I盤操作。這里有個(gè)二擇一的問(wèn)題，但是a標(biāo)簽是所有解決方案中最可靠的。
7、使用!important，或是高級(jí)選擇符替代IE特定代碼
IE6兼容性問(wèn)題解決方案七;：使用!important。在外置的css文件里，放棄憑借傳統(tǒng)的hacks和條件判斷，使用有效的css代碼去針對(duì)IE6仍然是有可能的。例如：最小高度可以使用一下定義。
- #element{
- min-height:20em;
- height:auto!important;/*understoodbyallbrowsers*/
- height:20em;/*IE6incorrectlyusesthisvalue/*
- }
IE6不支持“min-height”并且錯(cuò)誤的將20em重寫為“auto”。不過(guò)，當(dāng)內(nèi)容大于設(shè)置的空間時(shí)，它會(huì)增加它的尺寸。
另外一個(gè)選擇是使用高級(jí)選擇符。例如
- #element{
- min-height:20em;
- height:20em;
- }
8、避免百分比定義
百分比在IE下比較混亂。除非你非常小心每個(gè)父元素的尺寸，這樣就大概可以***避免了。你仍然可以對(duì)其他瀏覽器使用!important來(lái)使用百分值。例如：
- body{
- margin:2%0!important;
- margin:20px0;/*IE6only*/
- }
9、早點(diǎn)和經(jīng)常測(cè)試
在你的網(wǎng)站和應(yīng)用程序完成之前，不要放棄IE6的測(cè)試。問(wèn)題將會(huì)更加嚴(yán)重并且需要很長(zhǎng)時(shí)間去修復(fù)。如果你的網(wǎng)站可以運(yùn)行于firefox和IE6，它將差不多肯定可以在其它瀏覽器下運(yùn)行。
10、重構(gòu)你的代碼
IE6兼容性問(wèn)題解決方案十：重構(gòu)代碼。經(jīng)常的，修復(fù)會(huì)比重新考慮布局問(wèn)題更加花費(fèi)時(shí)間。Html細(xì)微的修改和更加簡(jiǎn)單的css經(jīng)常是最有效的。這意味著你要放棄***的合法的代碼，但是將會(huì)更少的問(wèn)題出現(xiàn)，并且你知道怎樣處理將要出現(xiàn)的情況。
- /*ignoredbyIE6*/
- #element[id]{
- height:auto;
- }
代碼部分試了下語(yǔ)法著色，貌似有點(diǎn)亂了，這里是英文原文的鏈接:http://www.sitepoint.com/blogs/2009/03/06/10-fixes-for-IE6-problems/
網(wǎng)站標(biāo)題：解決IE6兼容性問(wèn)題的十大技巧
網(wǎng)站路徑：http://www.dlmjj.cn/article/cddpiho.html
