IE6 -沈阳网站建设Share

中的BUG解决方案 开发前端的学生必须知道IE6是兼容BUG的浏览器，并且它不支持PNG alpha通道。对文档的分析性理解也引起了许多恼人的错误，有时甚至是绝望的。本文主要介绍一些比较容易遇到的IE6BUG和解决方案。

首先，IE6双边距错误

当页面上的元素浮动时，无论是向左还是向右浮动;只要元素具有边缘像素，该值就乘以2，例如“margin-left: 10px”。在IE6中，该值将被解析为20px。要解决此错误，您需要向元素添加显示:内联或显示:块以清除元素类型以解决双边距。

二，IE6 3像素问题及解决方案

当元素浮动浮动时，元素与相邻元素之间存在3px的间隙。令人惊讶的是，如果右侧的容器未设置为高度，则3px间隙位于相邻容器内，并且当设置高度时，它将运行到容器的相对侧。要解决此类错误，您需要将浮动浮动添加到布局中同一行的元素。

三，IE6中的奇数和广泛BUG

在IE6中，奇数宽度显示宽度和偶数高度显示宽度之间存在一些差异。问题是它处于一个奇怪的高度。要解决这类问题，请尽可能地写出div的外部高度。

第四，IE6中的图像链接下方存在间隙

IE6中的图片下方会有一定的间隙，特别是当图片垂直于图片时，可以看到这样的间隙。要解决此类问题，需要将img标记定义为显示:块或定义与vertical-align对应的属性。您还可以为与img对应的样式编写字体大小: 0

5. IE6元素的高度为BUG

如果元素中没有任何内容，则在样式中为此元素设置0-19px之间的高度。该元素的高度始终为19px。

有四种方法可以解决它：

1.添加元素的css：overflow: hidden

2.在元素中插入html注释：

3.在元素中插入html空格：

4.添加元素的css：font-size: 0

六，重复文字BUG

在一些更复杂的排版中，有时浮动元素的后一个字符出现在clear元素下面。

解决方案如下：

1.确保元素的内嵌显示为:

2.在下一个元素上使用“margin-right: -3px

3.将条件注释添加到浮动元素的下一个条目xxx

4.在容器的post元素中使用空白div，指定不超过此div的容器宽度。

7. IE6中的z-index失败

具体的BUG是元素的父元素的z-index设置为1，那么当设置z-index时，子元素将无效，并且该级别将继承父元素的设置，从而导致一些水平调整中的错误。详细解释可以解释在IE6中某些情况下z-index无效的原因以及解决方案

结论：事实上，在IE6中，许多BUG解决方案可以通过使用显示:内联，字体大小: 0，浮点数来解决。因此，我们必须记住在编写代码时，一旦使用float float，就会向元素添加一个显示:内联样式，这样可以有效避免浮动引起的混乱。使用空DIV时，为了避免对布局产生很大影响，您还可以添加字体大小: 0以避免一些兼容性问题。