IE6兼容性问题和IE6常见bug详细汇总介绍( 三 ) _云知道

16、3像素间距bug
在IE6中，当文本(或无浮动元素)跟在一个浮动的元素之后，文本和这个浮动元素之间会多出3像素的间隔。
给浮动层添加 display:inline 和 -3px 负值margin
给中间的内容层定义 margin-right 以纠正-3px
17、IE下z-index的bug
在IE浏览器中，定位元素的z-index层级是相对于各自的父级容器，所以会导致z-index出现错误的表现。解决方法是给其父级元素定义z-index，有些情况下还需要定义position:relative 。
18、Overflow Bug
在IE6/7中，overflow无法正确的隐藏有相对定位position:relative;的子元素。解决方法就是给外包容器.wrap加上position:relative; 。
19、横向列表宽度bug
如果你使用float:left;把
横向摆列，并且
内包含的(或其他)触发了 hasLayout，在IE6下就会有错误的表现。解决方法很简单，只需要给定义同样的float:left;即可。
20、列表阶梯bug
列表阶梯bug通常会在给
的子元素使用float:left;时触发，我们本意是要做一个横向的列表(通常是导航栏)，但IE却可能呈现出垂直的或者阶梯状。解决办法就是给
定义float:left;而非子元素，或者给
定义display:inline;也可以解决。
21、垂直列表间隙bug
当我们使用
包含一个块级子元素时，IE6(IE7也有可能)会错误地给每条列表元素(
)之间添加空隙。
解决方法：把flaot并且清除float来解决这个问题;另外一个办法就是触发的hasLayout(如定义高宽、使用zoom:1;);也可以给
定义display:inline;来解决此问题;另外还有一个极有趣的方法，给包含的文本末尾添加一个空格。
22、IE6中的:hover
在IE6中，除了(需要有href属性)才能触发:hover行为，这妨碍了我们实现许多鼠标触碰效果，但还是有一些法子是可以解决它的。最好是不要用:hover来实现重要的功能，仅仅只用它来强化效果。
23、IE6调整窗口大小的 Bug
当把body居中放置，改变IE浏览器大小的时候，任何在body里面的相对定位元素都会固定不动了。解决办法：给body定义position:relative;就行了。
24、文本重复Bug
在IE6中，一些隐藏的元素(如注释、display:none;的元素)被包含在一个浮动元素里，就有可能引发文本重复bug 。解决办法：给浮动元素添加display:inline; 。

IE6兼容性问题和IE6常见bug详细汇总介绍( 三 )

推荐阅读

西藏第二大城市

栀子花的扦插养殖方法和注意事项下面一起了解一下吧

2022上海居住证申办常见问题

微信查找聊天记录怎么查如何查别人的微信聊天记录

风筝的做法简单的步骤

起诉到开庭要多久

删除内置图片对节省内存的作用

怎样做美味的凉拌花生香肠豆腐皮？

沉鱼落雁的故事沉鱼落雁的故事内容

新菜板第一次使用前怎样处理好

拉布拉多流鼻涕怎么办好

西藏哪些地方好玩，拉萨有什么好玩的_拉萨哪里好玩

开婴儿游泳馆挣钱吗,现在开婴儿游泳馆生意怎么样

食用废油桶的妙用食用油桶有什么用途

新手相机推荐,16款新手入门相机推荐

飞猪如何领流量。