日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

IE6兼容性問(wèn)題和IE6常見bug詳細(xì)匯總介紹( 三 )

云知道


16、3像素間距bug
在IE6中，當(dāng)文本(或無(wú)浮動(dòng)元素)跟在一個(gè)浮動(dòng)的元素之后，文本和這個(gè)浮動(dòng)元素之間會(huì)多出3像素的間隔 。
給浮動(dòng)層添加 display:inline 和 -3px 負(fù)值margin
給中間的內(nèi)容層定義 margin-right 以糾正-3px
17、IE下z-index的bug
在IE瀏覽器中，定位元素的z-index層級(jí)是相對(duì)于各自的父級(jí)容器，所以會(huì)導(dǎo)致z-index出現(xiàn)錯(cuò)誤的表現(xiàn) 。解決方法是給其父級(jí)元素定義z-index，有些情況下還需要定義position:relative 。
18、Overflow Bug
在IE6/7中，overflow無(wú)法正確的隱藏有相對(duì)定位position:relative;的子元素 。解決方法就是給外包容器.wrap加上position:relative; 。
19、橫向列表寬度bug
如果你使用float:left;把
橫向擺列，并且
內(nèi)包含的(或其他)觸發(fā)了 hasLayout，在IE6下就會(huì)有錯(cuò)誤的表現(xiàn) 。解決方法很簡(jiǎn)單，只需要給定義同樣的float:left;即可 。
20、列表階梯bug
列表階梯bug通常會(huì)在給
的子元素使用float:left;時(shí)觸發(fā)，我們本意是要做一個(gè)橫向的列表(通常 是導(dǎo)航欄)，但I(xiàn)E卻可能呈現(xiàn)出垂直的或者階梯狀 。解決辦法就是給
定義float:left;而非子元素，或者 給
定義display:inline;也可以解決 。
21、垂直列表間隙bug
當(dāng)我們使用
包含一個(gè)塊級(jí)子元素時(shí)，IE6(IE7也有可能)會(huì)錯(cuò)誤地給每條列表元素(
)之間添加空隙 。
解決方法：把flaot并且清除float來(lái)解決這個(gè)問(wèn)題;另外一個(gè)辦法就是觸發(fā)的hasLayout(如定 義高寬、使用zoom:1;);也可以給
定義display:inline;來(lái)解決此問(wèn)題;另外還有一個(gè)極有趣的方法，給包含的文本末尾添加一個(gè)空格 。
22、IE6中的:hover
在IE6中，除了(需要有href屬性)才能觸發(fā):hover行為，這妨礙了我們實(shí)現(xiàn)許多鼠標(biāo)觸碰效果，但還是有一些法子是可以解決它的 。最好是不要用:hover來(lái)實(shí)現(xiàn)重要的功能，僅僅只用它來(lái)強(qiáng)化效果 。
23、IE6調(diào)整窗口大小的 Bug
當(dāng)把body居中放置，改變IE瀏覽器大小的時(shí)候，任何在body里面的相對(duì)定位元素都會(huì)固定不動(dòng)了 。解決辦法：給body定義position:relative;就行了 。
24、文本重復(fù)Bug
在IE6中，一些隱藏的元素(如注釋、display:none;的元素)被包含在一個(gè)浮動(dòng)元素里，就有可能引發(fā)文本重復(fù)bug 。解決辦法：給浮動(dòng)元素添加display:inline; 。


推薦閱讀