我使用像这样的 CSS 样式的跨度:
background: url("../../../Images/BasicIcons/Community_32.png") no-repeat scroll left center / 75% auto transparent;
可以在firefox,chrome,ie9+中很好的放大图片,但是ie8不能,在ie8怎么做,谁知道,请告诉我。
我使用像这样的 CSS 样式的跨度:
background: url("../../../Images/BasicIcons/Community_32.png") no-repeat scroll left center / 75% auto transparent;
可以在firefox,chrome,ie9+中很好的放大图片,但是ie8不能,在ie8怎么做,谁知道,请告诉我。
尽管您将它们全部组合成一个简写background
样式,但您为此使用的功能是background-size
.
在我们开始解决 IE8 问题之前,值得注意的是一个额外的与 Safari 的兼容性问题,您似乎还没有注意到 - 尽管 Safari 支持background-size
,但在以速记样式使用时确实存在问题background
,因为您已经在问题的代码中完成。如果您想支持 Safari,最好将background-size
位分离到它自己单独的代码行中。
现在进入实际问题,关于 IE8 支持。
不幸的是,IE8 根本不支持此功能。它是 CSS 的一个相对较新的补充,甚至在 IE8 发布时都没有想到。
让它在 IE8 中工作的唯一方法是使用 polyfill 脚本;即一小段 Javascript 会破解浏览器以添加缺失的功能。
我知道的唯一polyfillbackground-size
是CSS3Pie。搏一搏; 设置起来相当容易,并且应该可以为您服务。作为奖励,它还为旧的 IE 版本添加了其他几个 CSS3 功能,因此它也可以帮助您处理其他一些事情。
希望有帮助。