关于在ie8下背景图不识别background-size的问题

在ie9及以上我们使用

-moz-background-size:70%;

-webkit-background-size:70%;

-o-background-size:70%;

-ms-background-size:70%;

background-size:70%;

图片展示是正确的,能随着窗口的变化而改变大小,

如果我们采用的是在html中引用类似于

<div>

     <img src="xxxx/xx.jpg"/>

</div>

那么图片的显示正常的,但是如果我们未来加快页面的加载速度,而尽量避免了     <img src="xxxx/xx.jpg"/>那么,在ie8的环境下图片在不会再识别我们设置的Background-size标签。

方法一使用PIE.htc文件,http://css3pie.com/,该注意的都注意了,但是使用pie.htc文件真的没有效果。

然后用了方法二:使用background-size polyfill的backgroundsize.min.htc文件,直接再ie8的css文件下给属性值添加上

behavior: url(../../css/backgroundsize.min.htc)一般只需在pc端给属性加。

存在局限性

支持

  • 背景图像的正确位置和大小
  • 浏览器缩放时及时更新
  • 更新图片(替换等)时及时更新

不支持

  • 多个背景(多重背景)
  • 4 个值的 background-position
  • 背景重复
  • 非默认值的 background-[clip/origin/attachment/scroll]


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值