我使用像这样的css样式的span:
background: url("../../../Images/BasicIcons/Community_32.png") no-repeat scroll left center / 75% auto transparent;
它可以放大firefox,chrome,ie9 +中的图片非常好,但ie8不能,怎么做ie8,谁知道,请告诉我。
答案 0 :(得分:1)
虽然您将所有内容合并为一种简写background
样式,但您使用的功能是background-size
。
在我们开始解决IE8问题之前,值得注意的是Safari似乎还没有注意到的额外兼容性问题 - 尽管Safari支持background-size
,但在使用时确实存在问题简写background
样式,就像你在问题中的代码中所做的那样。如果你想支持Safari,你最好将background-size
位分成它自己独立的代码行。
现在回答实际问题,关于IE8的支持。
不幸的是,IE8根本不支持此功能。这是CSS的一个相对较新的补充,甚至没有想到IE8何时发布。
在IE8中使用它的唯一方法是使用polyfill脚本;即一小段Javascript攻击浏览器以添加缺少的功能。
我所知道的background-size
唯一的polyfill是CSS3Pie。搏一搏;设置起来相当容易,应该让事情适合你。作为奖励,它还为旧的IE版本添加了其他几个CSS3功能,因此它也可以帮助您处理其他一些事情。
希望有所帮助。