兼容ie7,8

虽然ie7,8现在很少会考虑到,但是最近做的一个项目的要求兼容ie7,8。现在归纳一下我碰到的一些小问题及解决方案:

1.ie不支持css3的border-radius属性。

解决办法:

  1. 用图片代替圆角,比如input框的圆角。(虽然有点麻烦。)
  2. 下载ie-css3.htc文件,在需要用border-radius属性的地方,写如下语句:behavior: url(ie-css3.htc);并且配合position:relative/absolute,z-index属性一起用才会生效,ie-css3.htc是一个让ie低版本浏览器能够使用border-radius,渐变,盒阴影的文件。这个方法的缺点是,出来的圆有点瑕疵。

2.修改select框的默认样式

解决办法:看了网上的很多方法和问人之后,发现最好的方法是自己用div和ul或者其它只要是能达到下拉列表的效果就行。

3.ie不能识别display:inline-block;

解决办法:

    {

      display: inline-block; /*ie6,7不支持display:inline-block;这样写才可以*/
      *zoom:1;
      *display: inline;

    }

4.ie7不支持background属性写在一起,如:background:url(",,/img/1.png") left center no-repeat;

解决办法:拆开写就行了,不过background-size属性也不支持。这个还不知道怎样解决。

5.ie上很多图表插件都不能用,但是highcharts可以,它可以兼容到ie6+,很棒!

 

原文地址:https://www.cnblogs.com/cherryshuang/p/7944682.html