支持 IE6、IE7、IE8 的 CSS3 Background-Size EM答案

【问题标题】：CSS3 Background-Size EM with IE6, IE7, IE8 Support支持 IE6、IE7、IE8 的 CSS3 Background-Size EM
【发布时间】：2014-09-23 22:53:25
【问题描述】：

我正在寻找为以下内容提供 IE6 - IE8 支持的解决方案：

background-size: 10em 10em;

这将允许人们对背景图像进行动态大小控制。

我几乎可以接受任何解决方案（HTC、JavaScript、CSS Hacks 等）。

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

【问题讨论】：

不知道你是否找到了解决方案，但这个stackoverflow.com/questions/2991623/… 为我做了这一切。
CSS3Pie 的第 2 版表示它将对background-size 的支持添加到 IE6-8。我还没有尝试过那个特定的功能，但是 CSS3Pie 的其余部分都很好，所以值得一试。

【解决方案1】：

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

background-size: 10em auto;

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

background-image: width height

个人我不会将其用作缩放方法。你应该努力做到反应灵敏。为不同的分辨率加载不同的图像，Smashing Magazine 的一篇内容丰富且有趣的文章

这将是一个好的开始。

我希望这能解决您的问题。

【讨论】：