首页 > 其他 > 详细

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

时间:2015-11-22 21:42:23      阅读:256      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!