如何用css缩放ie8中的背景图像

时间:2013-07-18 09:17:51

标签: jquery css internet-explorer internet-explorer-8

我使用像这样的css样式的span:

background: url("../../../Images/BasicIcons/Community_32.png") no-repeat scroll left center / 75% auto transparent;

它可以放大firefox,chrome,ie9 +中的图片非常好,但ie8不能,怎么做ie8,谁知道,请告诉我。

1 个答案:

答案 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功能,因此它也可以帮助您处理其他一些事情。

希望有所帮助。