css选择器与属性的兼容性问题

2017-01-03  本文已影响169人  xiayujlu

选择器兼容问题:

1.css2选择器兼容问题主要出现在IE6-7

2.css3选择器兼容问题

css3大部分选择器兼容性是IE9+,移动端支持绝大多数css3选择器

3.css2属性兼容问题

主要集中在IE6上,IE7上一小部分属性不支持

selector{
    min-height:500px;
    _height:500px;
}

min-width解决办法:

<div class="container">
    <div class="keke"></div>
    <!--content-->
</div>
<style>
  .container{
      min-width:500px;
  }
  .container .keke{
      height:1px;
      width:500px;
  }
</style>

max-width/height解决办法:
使用javascript解决

html,body{
    height:100%;
}
.keke{
    position:fixed;
    _position:absolute;
    right:0;
    bottom;0;
}

此方法副作用:其它相对于body进行绝对定位的元素也会受到影响

selector{
    display:inline-block;
    *display:inline;
    *zoom:1
}

4.css3属性兼容问题

IE6,7不支持,IE8部分支持(box-sizing和outline是支持的),IE9基本支持

上一篇下一篇

猜你喜欢

热点阅读