CSS3背景大小EM支持IE6,IE7,IE8

时间:2011-11-07 23:44:08

标签: internet-explorer css

我正在寻找能够提供以下IE6-IE8支持的解决方案:

background-size: 10em 10em;

这样就可以对背景图像进行动态调整大小控制。

我几乎可以使用任何解决方案(HTC,JavaScript,CSS Hacks等)。

我不想在整个容器中拉伸背景图像。这可以使用-vendor-background-size(使用 cover 值)和MS特定过滤器(IE6-8)来完成。

1 个答案:

答案 0 :(得分:0)

我能想到并且似乎找到的唯一解决方案就是:

background-size: 10em auto;

自动保持正确的宽高比。由于宽度是背景图像的重要属性,因此明确定义宽度。 background-size属性的正确格式为:

background-image: width height

个人我不会将其用作缩放方法。 你应该努力做出回应。为不同的分辨率加载不同的图像,Smashing Magazine

提供了非常丰富且有趣的文章

这将是一个良好的开端。

我希望这可以解决您的问题。