ie8 兼容问题

最近在做一个项目,要求是兼容IE8,写页面时,用到的很多css属性IE8都不兼容,想要的效果也呈现不出来。

1,background:url后面要空格

background:url(../img/background.png)no-repeat

改成

background:url(../img/background.png) no-repeat

2、background-size无效

暂无合适解决方案

3、rgba设置外层盒子透明度

我的解决方案是将外层和内层的内容分开,然后设置opacity

4、css3动画不支持

5、js中的setimeout()写法

不能这样写:

setimeout(function(){
//code
},1000)

改成这样:

function show(){
//code
}
setimeout(show,1000)

6、js中addlistener('event',function(){})不兼容

7、border-box无效,逼疯我的一点

引入一个文件,这个文件应该放到和.html文件同级位置。(下载地址:http://css3pie.com/download/)

原文地址:https://www.cnblogs.com/shemingxin/p/12775864.html