我正在寻找能够提供以下IE6-IE8支持的解决方案:
background-size: 10em 10em;
这样就可以对背景图像进行动态调整大小控制。
我几乎可以使用任何解决方案(HTC,JavaScript,CSS Hacks等)。
我不想在整个容器中拉伸背景图像。这可以使用-vendor-background-size(使用 cover 值)和MS特定过滤器(IE6-8)来完成。
答案 0 :(得分:0)
我能想到并且似乎找到的唯一解决方案就是:
background-size: 10em auto;
自动保持正确的宽高比。由于宽度是背景图像的重要属性,因此明确定义宽度。 background-size属性的正确格式为:
background-image: width height
个人我不会将其用作缩放方法。 你应该努力做出回应。为不同的分辨率加载不同的图像,Smashing Magazine
提供了非常丰富且有趣的文章这将是一个良好的开端。
我希望这可以解决您的问题。