最近的项目需要兼容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倍的试试吧
今天的分享就到这里了,有问题可以在下面评论哦~
网友评论