作者：网站建设公司 来源：佛山网站建设日期：2020-11-09 浏览： 次
开发前端的同学一定都知道，IE6是兼容BUG多的浏览器，它不支持PNG alpha通道暂且不论。其文档的解析理解规范也引起了诸多恼人的BUG，有时甚至让人感到绝望。本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。
一、IE6双倍边距bug
当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在IE6中，该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG
二、IE6中3像素问题及解决办法
当元素使用float浮动后，元素与相邻的元素之间会产生3px的间隙。诡异的是如果右侧的容器没设置高度时3px的间隙在相邻容器的内部，当设定高度后又跑到容器的相反侧了。要解决这类BUG的话，需要使布局在同一行的元素都加上float浮动。
三、IE6中奇数宽高的BUG
IE6中奇数的高宽显示大小与偶数高宽显示大小存在一定的不同。其中要问题是出在奇数高宽上。要解决此类问题，只需要尽量将外部定位的div高宽写成偶数即可。
四、IE6中图片链接的下方有间隙
IE6中图片的下方会存在一定的间隙，尤其在图片垂直挨着图片的时候，即可看到这样的间隙。要解决此类问题，需要将img标签定义为display:block 或定义vertical-align对应的属性。也可以为img对应的样式写入font-size:0
五、IE6下空元素的高度BUG
如果一个元素中没有任何内容，当在样式中为这个元素设置了0-19px之间的高度时。此元素的高度始终为19px。
解决的方法有四种:
1.在元素的css中加入：overflow:hidden
2.在元素中插入html注释：<!– >
3.在元素中插入html的空白符：
4.在元素的css中加入：font-size:0
六、重复文字的BUG
在某些比较复杂的排版中，有时候浮动元素的后一些字符会出现在clear清除元素的下面。
解决方法如下：
1.确保元素都带有display:inline
2.在后一个元素上使用“margin-right:-3px
3.为浮动元素的后一个条目加上条件注释，<!–[if !IE]>xxx<![endif]–>
4.在容器的后元素使用一个空白的div，为这个div指定不超过容器的宽度。
七、IE6中 z-index失效
具体BUG为，元素的父级元素设置的z-index为1，那么其子级元素再设置z-index时会失效，其层级会继承父级元素的设置，造成某些层级调整上的BUG。详细解释可以阅读IE6中部分情况下z-index无效的原因，以及解决办法
结语：实际上IE6中，很多BUG的解决方法都可以使用display:inline、font-size:0、float解决。因此我们在书写代码时要记住，一旦使用了float浮动，就为元素增加一个display:inline样式，可以有效的避免浮动造成的样式错乱问题。使用空DIV时，为了避免其高度影响布局美观，也可以为其加上font-size:0 这样就很容易避免一些兼容上的问题。
零度飞易提供品牌
一体化IT网站价格规划书
教育网站设计方案建材网站设计方案机械网站设计方案广告网站设计方案家居照明网站设计方案环保设备网站设计方案五金网站设计方案电器网站设计方案家具网站设计方案机械网站设计方案
零度飞易网络科技是国内企业网络运营服务商，旗下有“零度飞易”建站品牌，“微度”微信平台开发系统及互联网网络推广，三大业务是零度飞易战略发展服务；零度是新网、阿里云（原万网）、360建站等公司的战略合作伙伴。零度飞易三大品牌产品为500+家广东中小企业提供过互联网网络服务方案。在深圳-郑州_成都-上海-北京-合肥-佛山-广州-东莞-江门地区企业提供网站建设、网络营销、微信小程序开发、APP开发和域名注册等网站建设服务。
有一个互联网项目想和我们谈谈吗？您可以填写右边的表格，让我们了解您的项目需求，这是一个良好的开始，我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话，让我们听到你的声音！
地址：佛山市顺德区大良凤翔商业广场二座670
业务QQ：378780108
策划专线：13715431176
E-mail：sale@fslingdu.com
零度飞易是一家专业网站设计,网站制作、seo优化,网站推广,网站建设的佛山网络运营公司。零度飞易在