0

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

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

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

4

1 回答 1

1

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

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

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

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

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

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

希望有帮助。

于 2013-07-18T09:26:24.207 回答