ie7 / ie8中的多个背景图像问题

Question

我正在尝试解决ie7 / ie8中的多个背景图像的错误......

我知道原来它并不支持ie，但我在网上搜索了一些有趣的东西，例如，Cross-Browser Multiple Background

基本上它是两个图像背景但我希望通过css有3个图像定义图像的位置和大小... 小提琴代码在ie7 / ie8 ...

中不起作用

http://jsfiddle.net/CsKhy/4/

任何人都可以帮忙吗？

Answer 1

将嵌套div用于与浏览器兼容的解决方案。

演示：
http://jsfiddle.net/CsKhy/5/

注意：background-size在IE8或更低版本中不兼容，因此最好使用图像而不是背景图像。

Answer 2

我用

<style>
  .bgImage{width:100%;}
</style>

在body标签之后和任何其他代码插入此

之前

<img src="yourimage" class="bgImage"/>

不是理想的解决方案，但兼容并且有效，我已多次使用它。 （确保您的图像是一个大图像开始，否则它会在较大的屏幕上扭曲）