IE中的多个背景图片，使用CSS在IE中创建多个背景图片

这是我第一次在这里发表。我有个问题。我一直在努力争取多个背景图片在Chrome/Safari和IE浏览器中运行。当然，它适用于除IE以外的所有浏览器。IE中的多个背景图片，使用CSS在IE中创建多个背景图片

这是我的代码：

#container { 
    width: 828px; 
    margin: auto; 
    padding: 0; 
    text-align: left; 
    position: relative; 
    overflow: visible; 
    background-image: url('images/body.png'), url('images/filler.png'); 
    background-repeat: no-repeat, repeat-y; 
}

我使用两个背景图像的原因是因为我想说明的部分留在上面，并在同一div层重复的白色页面背景当添加更多内容时。

此时此代码在Chrome中完美工作，但在Internet Explorer中无法显示背景图片。

帮助？

来源

2011-08-18 Manikandan Thangaraj

IE浏览器不能支持多个背景图像。不确定！E9，但至少不会。 – Kyle

您使用的是哪个版本的Internet Explorer？ – thirtydot

互联网浏览器8 –

如果可能，我建议你使用两个容器元素。

HTML

<div id="container"> 
    <div id="inner-container"> 
    </div> 
</div>

CSS

#container { 
    background: url('images/filler.png') repeat-y; 
} 
#inner-container { 
    background: transparent url('images/body.png') no-repeat left top; 
}

来源

2011-08-18 11:13:20 Stefan

它会占用更多的空间， –

@Manikandan Thangaraj：它如何占用更多的空间？这是最终的交叉浏览器解决方案，以及事情总是如何完成的。否则，你需要得到一个硬核HTC或JS解决方案。像css3pie.com一样。为了记录，如果您认为双层容器不是一个好的解决方案并占用更多空间，那么css3pie需要更多的空间，实施起来更加困难。面对它，你不能得到更好的解决方案，然后回答上面。 –

IE中的多个背景图片，使用CSS在IE中创建多个背景图片

回答

相关问题