background-size设置背景图片自适应在ie8下失效的问题

最新推荐文章于 2024-08-19 20:31:57 发布

oliver666666

最新推荐文章于 2024-08-19 20:31:57 发布

阅读量1w

点赞数 3

文章标签： javascript ie 8 css

本文链接：https://blog.csdn.net/oliver666666/article/details/70837558

版权

遇到的问题是：有一个div ，div用绿色框体现。然后通过js控制框的大小，实现动态的改变div的大小。（放大缩小窗口，div跟随变大变小。）

设置了div的css属性 background-image：url(http://i1.piimg.com/1949/c777d079f3fb68ec.png); background-size：cover；

通过浏览器使用发现，div框会变，但是ie8（只用了chrome，ie8，chrome没问题。）图片不会根据框进行缩放。百度查询后发现是ie8不支持background-size：cover；要加上滤镜（原理还不知）。

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.piimg.com/1949/c777d079f3fb68ec.png',sizingMethod='scale');
其中src,url ,需要绝对路径。我使用本地的路径都是提示找不到。可能是浏览器安全原因。网址就没问题了。百度下，上传图片，然后获得一个连接，再在项目中使用即可。
还是要想想如何使用本地路径 chrome ，ie 都可以访问。