总结我碰到的ie7,8的兼容性问题

Posted 2020-10-16

虽然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+，很棒！