jquery - 如何使用css在ie8中放大背景图像

Question

我使用像这样的 CSS 样式的跨度：

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

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

Answer 1

尽管您将它们全部组合成一个简写background样式，但您为此使用的功能是background-size.

在我们开始解决 IE8 问题之前，值得注意的是一个额外的与 Safari 的兼容性问题，您似乎还没有注意到 - 尽管 Safari 支持background-size，但在以速记样式使用时确实存在问题background，因为您已经在问题的代码中完成。如果您想支持 Safari，最好将background-size位分离到它自己单独的代码行中。

现在进入实际问题，关于 IE8 支持。

不幸的是，IE8 根本不支持此功能。它是 CSS 的一个相对较新的补充，甚至在 IE8 发布时都没有想到。

让它在 IE8 中工作的唯一方法是使用 polyfill 脚本；即一小段 Javascript 会破解浏览器以添加缺失的功能。

我知道的唯一polyfillbackground-size是CSS3Pie。搏一搏; 设置起来相当容易，并且应该可以为您服务。作为奖励，它还为旧的 IE 版本添加了其他几个 CSS3 功能，因此它也可以帮助您处理其他一些事情。

希望有帮助。