|
|
在IE8發(fā)布不久之后，Opera首席執(zhí)行官Jon von Tetzchner曾經(jīng)對(duì)外公開表示，微軟的IE8瀏覽器還會(huì)對(duì)網(wǎng)絡(luò)標(biāo)準(zhǔn)繼續(xù)破壞。不過隨著大家對(duì)IE8瀏覽器越來越了解，發(fā)現(xiàn)IE8對(duì)CSS標(biāo)準(zhǔn)的支持的確有非常大的改觀。
微軟的IE8已采納了萬維網(wǎng)聯(lián)合會(huì)的HTML 5和CSS2.1標(biāo)準(zhǔn)，只是還沒有采用已使用于Mozilla，谷歌，和Opera瀏覽器的SVG。多年來面對(duì)W3C機(jī)構(gòu)對(duì)HTML標(biāo)準(zhǔn)的開發(fā)停滯不前，微軟便以自己的IE瀏覽器引擎建立了自己的網(wǎng)絡(luò)標(biāo)準(zhǔn)。隨著各大瀏覽器的快速發(fā)展，同時(shí)也推動(dòng)了HTML標(biāo)準(zhǔn)向前發(fā)展。
從而使得IE瀏覽器獨(dú)立開發(fā)這些標(biāo)準(zhǔn)屬性跟HTML 5標(biāo)準(zhǔn)不太相符，這就扭曲了瀏覽器市場(chǎng)，迫使網(wǎng)站設(shè)計(jì)者建立的網(wǎng)頁需要同時(shí)兼容于IE6,IE7,IE8和其他的瀏覽器。
既然外界的環(huán)境是WEB開發(fā)者無法改變的事情，那么我們只有加強(qiáng)自身的技能來適應(yīng)目前的情況，不能寄希望與IE8的普及，這是一件很不靠譜的事情，頑固的IE6用戶未必會(huì)接受IE8。
所以我們最近一年半載還是不能無視IE6。在設(shè)計(jì)網(wǎng)頁的時(shí)候我們也只有花更多時(shí)間來用于制作IE6的兼容性。這里我們總結(jié)了8個(gè)使用有效的HTML 和CSS代碼來修正網(wǎng)頁在IE6下顯示錯(cuò)位情況的解決方法。
1.設(shè)置position: relative
將一個(gè)元素設(shè)置為”position:relative”可以解決很多問題，特別是你曾經(jīng)遇到隱藏的或?qū)R詭異的盒子。
2.將浮動(dòng)元素設(shè)置為display:inline
具有margin屬性的浮動(dòng)元素可能引起的IE6雙倍margin問題，比如，你為一個(gè)元素指定margin-left為5px，但是IE6中實(shí)際上卻表現(xiàn)為10px。”display:inline”將解決這個(gè)問題，當(dāng)然，方法也不是只有這一個(gè)。
3.將一個(gè)元素設(shè)置為hasLayout
很多IE6(和IE7)的渲染問題可以通過設(shè)置元素的hasLayout來解決。用來確定相對(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í)際尺寸，但是問題是這是不現(xiàn)實(shí)的，你可能需要使用”height:1%”。如果父元素并沒有設(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è)條件注釋，比如：
<!–[if !IE]>Put your commentary in here…<![endif]–>
it知識(shí)庫(kù)：IE6在HTML標(biāo)準(zhǔn)下出現(xiàn)的bug小技巧，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
