总结一下IE6的BUG

原来做PC前端的时候我们经常说一句话“珍爱生命，远离IE6”，因为IE6有很多独有的BUG，好在我现在做移动端了，不存在IE6的问题了。虽然我远离了，但是和它相伴的人还有不少，今天我们来介绍一下IE6中常见的BUG，因为我已经远离IE6大半年了，所以记得不是很全，大家如果还有欢迎大家补充。

这个真是老生常谈，在IE6中，如果有两个并行的漂浮元素并且用了margin的话，会出现双倍margin值的问题，解决方法很多先几个常用的：
（1）给漂浮元素加样式：.uw3cClass{display:inline;}
（2）为IE6hack一下：.uw3cClass{margin-left:10px;_margin-left:5px;} .uw3cClass{display:inline;}
（3）在DOM结构允许的情况下，左边的用float：left，右边的用float：right;

position:fixed 这个样式有时候作用很大，尤其是在有浮动栏的时候，但是IE6中并不支持固定定位。

如果两个漂浮容器挨着，在IE6中这两个容器之前会有3像素的间隙，解决办法也很简单，在之后漂浮的容器上面添加样式.uw3cClass{margin-left:-3px;}

在IE6中背景透明的PNG是不能生效的，所以最好用矩形或者背景颜色，解决的方法也大致有这么几个：

（1）背景透明的PNG图片质量其实还是不错的，但是有时候我们为了方便，会为IE6用图片质量低一些的GIF图片：

    .uw3cClass{
        background:url("uw3c.png");
        _background:url("uw3c.gif");
    }

（2）上一种方法显然不够完美,用滤镜来解决显然比上面的方法要好：

    .uw3cClass{
        width:12px;
        height:12px;
        background:url(image/uw3c.png);
        _background:transparent none;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/uw3c.png')
    }

（3）还有一种方法，就是使用JS插件。如果仅仅是几个页面需要PNG背景透明的话，那么还是选择第（2）种方法，但是如果需要大面积使用的话，使用插件也是可以考虑的，插件的名称叫做 —— DD_belated:

   DD_belatedPNG.fix('#uw3c img');

    //样式
    #DIV1{width:99px;position：relative;};
    #DIV2{width:50px;position：absolute;};
    //HTML
     <div id="DIV1" >
       <div id="DIV2" >
           ....
       </div >
     </div >
    //解决办法
    #DIV1{width:100px;position：relative;};