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

遇到的问题是 :有一个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  都可以访问。


  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值