【问题标题】: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 的其余部分都很好,所以值得一试。

标签: internet-explorer css


【解决方案1】:

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

background-size: 10em auto;

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

background-image: width height

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

这将是一个好的开始。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-08-14
    • 1970-01-01
    • 1970-01-01
    • 2013-06-17
    • 1970-01-01
    • 1970-01-01
    • 2013-01-12
    • 1970-01-01
    相关资源
    最近更新 更多