在IE8發(fā)布不久之后，Opera首席執(zhí)行官Jon von Tetzchner曾經(jīng)對(duì)外公開(kāi)表示，微軟的IE8瀏覽器還會(huì)對(duì)網(wǎng)絡(luò)標(biāo)準(zhǔn)繼續(xù)破壞。不過(guò)隨著大家對(duì)IE8瀏覽器越來(lái)越了解，發(fā)現(xiàn)IE8對(duì)CSS標(biāo)準(zhǔn)的支持的確有非常大的改觀。

　　微軟的IE8已采納了萬(wàn)維網(wǎng)聯(lián)合會(huì)的HTML 5和CSS2.1標(biāo)準(zhǔn)，只是還沒(méi)有采用已使用于Mozilla，谷歌，和Opera瀏覽器的SVG。多年來(lái)面對(duì)W3C機(jī)構(gòu)對(duì)HTML標(biāo)準(zhǔn)的開(kāi)發(fā)停滯不前，微軟便以自己的IE瀏覽器引擎建立了自己的網(wǎng)絡(luò)標(biāo)準(zhǔn)。隨著各大瀏覽器的快速發(fā)展，同時(shí)也推動(dòng)了HTML標(biāo)準(zhǔn)向前發(fā)展。

　　從而使得IE瀏覽器獨(dú)立開(kāi)發(fā)這些標(biāo)準(zhǔn)屬性跟HTML 5標(biāo)準(zhǔn)不太相符，這就扭曲了瀏覽器市場(chǎng)，迫使網(wǎng)站設(shè)計(jì)者建立的網(wǎng)頁(yè)需要同時(shí)兼容于IE6,IE7,IE8和其他的瀏覽器。

　　既然外界的環(huán)境是WEB開(kāi)發(fā)者無(wú)法改變的事情，那么我們只有加強(qiáng)自身的技能來(lái)適應(yīng)目前的情況，不能寄希望與IE8的普及，這是一件很不靠譜的事情，頑固的IE6用戶(hù)未必會(huì)接受IE8。

　　所以我們最近一年半載還是不能無(wú)視IE6。在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候我們也只有花更多時(shí)間來(lái)用于制作IE6的兼容性。這里我們總結(jié)了8個(gè)使用有效的HTML 和CSS代碼來(lái)修正網(wǎng)頁(yè)在IE6下顯示錯(cuò)位情況的解決方法。

　　1.設(shè)置position: relative

　　將一個(gè)元素設(shè)置為”position:relative”可以解決很多問(wèn)題，特別是你曾經(jīng)遇到隱藏的或?qū)R詭異的盒子。

　　2.將浮動(dòng)元素設(shè)置為display:inline

　　具有margin屬性的浮動(dòng)元素可能引起的IE6雙倍margin問(wèn)題，比如，你為一個(gè)元素指定margin-left為5px，但是IE6中實(shí)際上卻表現(xiàn)為10px。”display:inline”將解決這個(gè)問(wèn)題，當(dāng)然，方法也不是只有這一個(gè)。

　　3.將一個(gè)元素設(shè)置為hasLayout

　　很多IE6(和IE7)的渲染問(wèn)題可以通過(guò)設(shè)置元素的hasLayout來(lái)解決。用來(lái)確定相對(duì)于其他元素，內(nèi)容是如何布局和定位的。如果你需要設(shè)置一個(gè)inline元素(比如一個(gè)鏈接)為block元素，或者是應(yīng)用透明效果。

　　最簡(jiǎn)單的設(shè)置hasLayout的方法是為CSS設(shè)置一個(gè)高度或?qū)挾龋▃oom也可以用，但是zoom并不是CSS標(biāo)準(zhǔn)的一部分）。我們推薦設(shè)置實(shí)際尺寸，但是問(wèn)題是這是不現(xiàn)實(shí)的，你可能需要使用”height:1%”。如果父元素并沒(méi)有設(shè)置高度，該元素的實(shí)際高度并不受影響，而且這個(gè)時(shí)候 hasLayout已經(jīng)被啟用。

　　4.修正重復(fù)文字bug

　　復(fù)雜的布局可以觸發(fā)在浮動(dòng)元素的最后一些字符可能出現(xiàn)在出現(xiàn)在清除元素下面的bug。這里有幾個(gè)解決方法，有些是完美的，但是做一些反復(fù)試驗(yàn)也是必須的：

　　◆確保所有的元素使用”display:inline;”

　　◆在最后一個(gè)元素上使用一個(gè)”margin-right:-3px;”

　　為浮動(dòng)元素的最后一個(gè)條目使用一個(gè)條件注釋?zhuān)热纾?/p>

  <!–[if !IE]>Put your commentary in here…<![endif]–>        

        

        
        
      
        
it知識(shí)庫(kù)：IE6在HTML標(biāo)準(zhǔn)下出現(xiàn)的bug小技巧，轉(zhuǎn)載需保留來(lái)源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。