ie8 兼容问题

Posted 2021-02-21 shemingxin

最近在做一个项目，要求是兼容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/）