html - 当有其他背景图像时，具有重复的背景图像必须停止

Question

我网站的内容 div 具有独特的背景和各种图层样式。在 HTML/CSS 中，我可以从 photoshop 中获取背景并将其用作背景图像。我的问题是内容 div 的高度是可变的。为了解决这个问题，我采用了顶部像素并将它们设置在顶部，中间有一个像素行，其中有一个重复 y 和底部像素并将它们放在底部。这可行，但中间背景图像必须在顶部背景图像之后和底部背景图像之前开始。

div#content{
    background: url('contentbghead.png') top center no-repeat, 
                url('contentbgfoot.png') bottom center no-repeat, 
                url('contentbgmid.png') 0px 10px repeat-y;
    width:680px;
    height:300px;
}

我的结果可以在这里找到:http://tinypic.com?ref=30muazs

Answer 1

CSS2 不支持多重背景。您需要多个 div 才能实现您的目标。

您还可以在以下位置查看一些用于多个背景的 CSS3 方法:

Multiple Backgrounds with CSS3

但是，该方法不适用于 IE9 之前的 IE 版本。