Question

我有一个以下风格的div：

.pricemark {
  background: url(/Files/System/ui/vispris.png) no-repeat scroll 0 0 transparent;
  background-position: center center;
  background-size: 110%;
  background-size: 30%\9; }

但是，在IE8及以下版本中，图像尺寸110％被解释为图像尺寸的110％，而所有其他浏览器都将其视为div尺寸。

因此，在IE8及以下版本中，它显示不正确。我试过黑客攻击：

background-size: 30%\9;

但结果仍然相同。有什么想法吗？

Answer 1

IE8及以下版本不支持background-size属性。

处理它的一种方法是：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/Files/System/ui/vispris.png',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/Files/System/ui/vispris.png',
sizingMethod='scale')";

IE 8及以下版本的CSS - div背景图片大小

1 个答案: