三个兼容性问题 ，以及解决方案

标签：

IE6 margin 双倍边距
现的条件：

    当浮动元素的浮动方向和浮动边界的方向一致时才会出现。例如元素向左浮动并且设置了左侧的外边距出现了这样的双边距bug。
    同理，元素向右浮动并且设置右边距也会出现同样的情况。
    ps：同一行如果有多个浮动元素，第一个浮动元素会出现这个双边距bug，其它的浮动元素则不会。

解决方式：

    只需要给浮动元素加上display:inline;

IE背景颜色透明
出现条件：
    
    background:rgba()对IE无效

解决方式：

    使用滤镜： filter:alpha(opacity=50);  

    ps：要用正版IE6测没问题，有时候ietester不好用，原因是因为ietester 本来就是不是那么完整的。

IE6 div的最小高度固定

出现条件：

    当DIV的最小高度小于一定的值以后，就会发现，无论怎么设置最小高度，Div的高度会固定在一个值不再发生变动；
解决方法：

    单独定义这个Div的font-size
    
    ps：在IE6中，系统默认的并非是Div有一个默认的高度，而是没有解决一个隐藏的参数，font-size，
    这个是ie6中对于Div属性中的font-size大小和你系统css中定义的font-size有很大关系，因此必须单独定义这个Div的font-size，这样才能解决这个问题

三个兼容性问题 ，以及解决方案

标签：

原文地址：http://www.cnblogs.com/zhouxuesong/p/4986679.html