码迷,mamicode.com
首页 > 其他好文 > 详细

IE6的bug修复方法

时间:2015-07-15 19:06:32      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

1、父元素相对定位,并设置padding-left,子元素绝对定位。两者在ff和ie6中表现不一致

.fu{
  position:relative;
  padding-left:13px;
}
.zi{
  position:absolute;
}

<
div class="fu"> <div class="zi"></div> </div>

解决办法:父元素添加zoom:1

.fu{
    zoom:1;
}

 

2、IE6中,鼠标移动到图片上,图片会闪(重加载)

解决办法,在页面头部<head></head>之间添加下面一段javascript代码

<!--[if lte IE 7]>
    <script type="text/javascript">
        try {
            document.execCommand(‘BackgroundImageCache‘, false, true);
        } catch (e) {}
    </script>
<![endif]-->

 

3、鼠标移动在线客服图标,会出现两个图标,也即内容复制了。

这叫:IE6注释bug,也叫浮动容器的字符复制bug

顾名思义,“浮动容器的复制bug“中的”浮动“二字给了我们解决的灵感,既然有可能是因为浮动而引起的bug,那么不浮动是不是就没这问题了呢?

所以,其中一个解决办法就是不浮动,用其他的方法达到浮动的效果。

 

4、子元素相对定位,父元素不设置定位,发现在Firefox和ie6中 top: 0 的定位圆点不一致

解决办法:父元素设置相对定位,子元素绝对定位

(top: 0 ; "0"值可以用来定位问题,找到正确的问题所在,才能治本啊!!!)

 

IE6的bug修复方法

标签:

原文地址:http://www.cnblogs.com/dragonlong/p/4648560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!