IE8兼容性问题及解决方案

最新推荐文章于 2021-05-18 15:02:13 发布

王冬阳

最新推荐文章于 2021-05-18 15:02:13 发布

阅读量1.5w

点赞数 9

分类专栏：前端---技术博客文章标签： q

本文链接：https://blog.youkuaiyun.com/wangdongyanglys/article/details/81541792

版权

前言

最近在做一个项目，要求是兼容IE8，还要兼容1280屏幕分辨率，写页面其实还好，就是这个IE8贼恶心，用到的很多css属性IE8都不兼容，想要的效果也呈现不出来。先来说一说我遇到的IE8不支持的哪些css属性吧

1，background不支持连写

background:url(../img/background.png) no-repeat -580px 0/auto 100%; */

这段代码在谷歌浏览器上显示正常，在ie8上就有问题，需要分开写

background: url(/portal/themes/boss/login/imgs/background.jpg) center;
    background-repeat: no-repeat;
    background-position-x:-580px;
    background-position-y:0;
    -o-background-size: auto 100%;
    background-size: auto 100%; 
    /* 兼容background-size */
    -ms-behavior: url(/portal/themes/boss/login/css/backgroundsize.min.htc);
    behavior: url(/portal/themes/boss/login/css/backgroundsize.min.htc);

这里需要注意的是需要下载一个后缀名儿是.htc的一个文件，用来兼容ie8的background-size，使背景图正常显示；路径一定要是绝对路径才可以；