欧美日韩国产一区二区|qovd片|小明个人发布看看|小浪货你夹真紧水又多|老头把我添高潮了A片故|99热久久精品国产一区二区|久久久春色AV

  1. 首頁(yè) > 生活經(jīng)驗(yàn) > >

IE6的雙倍,3px,注釋引起的文字錯(cuò)位等幾個(gè)BUG解決方法

1、IE 6 中，DIV 使用背景圖片（或直接插入圖片在DIV中）的時(shí)候，在圖片的下端會(huì)出現(xiàn)一條空白間隔，經(jīng)測(cè)量，剛好是 3px .
解決辦法：
IE6默認(rèn)字號(hào)是12pt ， 默認(rèn)行高是normal 。
找到原因就好解決了，給DIV加上：font-size: 0px;
2、IE6雙倍浮動(dòng)BUG及解決辦法
比如

復(fù)制代碼代碼如下:
#div1 {
float:left;
margin-left:10px;
width:200px;
height:200px;
border:1px solid red
}

左margin邊界設(shè)定為了10px，然后IE6卻偏偏給你顯示成雙倍的20px，
解決辦法：
加上display:inline;
3、ie6/7由注釋引起的文字錯(cuò)位：

復(fù)制代碼代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title多了一只IE6豬/title
/head
body
div style="width:400px"
div style="float:left"/div
!-- --
!-- --
!-- --
div style="float:right;width:400px"這就是多出來(lái)的那只IE6豬/div
/div
/body
/html

這是個(gè)經(jīng)典的例子 。IE6在使用一大堆注釋放在包含在同一個(gè)DIV的不同元素之時(shí)就會(huì)這樣，重復(fù)一些文字在文字的頂或底部 。
我在ASP生成HTML的循環(huán)語(yǔ)句中使用了一段注釋 ， 結(jié)果在IE7下顯示整個(gè)DIV頂部像空了一截，底部正常，而IE6則頂部空一截，底部還有重影文字，就像上面多出現(xiàn)的豬一樣 。
解決方法是：去掉注釋或者注釋不要放置于2個(gè)浮動(dòng)的區(qū)塊之間 。
4、IE6的著名3px BUG（斷頭臺(tái)bug）：

復(fù)制代碼代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title52css.com/title
style type="text/css"
!--
#left {
float:left;
width:200px;
height:100px;
background:#f00;
}
#right {
width:200px;
height:100px;
background:#fc0;
}
--
/style
/head
body
div id="left"oyksoft.com/div
div id="right"oyksoft.com/div
/body
/html

兩個(gè)層，一個(gè)浮動(dòng) ， 一個(gè)不浮動(dòng)，把浮動(dòng)的一個(gè)放在不浮動(dòng)層中，你會(huì)發(fā)現(xiàn)兩個(gè)之間有點(diǎn)間隙 ， 寬度為3px 。這個(gè)問(wèn)題是最讓人頭疼的問(wèn)題了 。
解決方法：
1、所有的層都浮動(dòng) 把右邊那個(gè)層也設(shè)置成浮動(dòng)層就可以消除這可惡的3px間隔
2、給左邊的層，應(yīng)用margin-right:-3px;，同樣可解決IE 3px bug 。

相關(guān)經(jīng)驗(yàn)推薦