h5页面背景图兼容ie(前端经验)

最近的项目需要兼容ie8,但是在ie8下背景图片总是被放大,如下图:
ie8下:


1624012290(1).jpg

ie9下:


image.png

可以看到ie8下背景图被放大了,但是在查找元素的过程中我发现ie8下的background-size不生效,看下图:
image.png

由此可见,我们不能通过background-size去修改ie8下的背景图
背景图被放大说明图片的宽高和容器的宽高不一样,那么我们把图片换成和容器一样大小,即使不使用background-size控制是不是也可以呢,因为在项目中为了使图片清晰所以用的是3倍的图片,我换成一倍的时候,如下图:


image.png

完全ok!
所以如果你们也在ie8下遇到背景图不兼容的问题,那么把图片换成1倍的试试吧
今天的分享就到这里了,有问题可以在下面评论哦~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容