简单的非滚动背景图像

Question

我可能有一个简单的问题，但找不到答案。 我有一个看起来很好的背景图像，并且可以很好地平铺和滚动。 但是，我有第二个背景图像，该背景图像位于其顶部，并放在包装div（我相信它称为“ whiteBackground”）内，我不希望该背景图像随页面滚动。 随着内容和文本变长并迫使用户滚动，我希望第二个背景保持静态。 这样，当用户向下滚动页面时，如果第二个背景仍然完全静止，就只会看起来像。

我试图在我的“包装” div中做一个固定的背景附件，但这是不行的。

有任何想法吗？

http://jsfiddle.net/SMc9R/

`#wrapper {
    position: relative;
    width:960px;
    min-height:768px;
    margin: 0 auto; 
    background-image:url('images/white_background.png');
    background-attachment: fixed;
    font-family:'MuroRegular';
}`

这是我认为问题所在的主要部分。

没有图像，但是我认为我的标记和CSS应该足够了。 任何帮助，将不胜感激。 非常感谢！

Answer 1

演示 ： http : //jsfiddle.net/SMc9R/1/您想要这样吗..或指定有关此更正的任何更正...

 #banner {
position: absolute;
float:left;
width: 960px;
height:60px;
text-align: center;
font-family:'AmaticBold';
font-size: 50px;
background-image:url('images/banner.png');
background-repeat: no-repeat;
z-index: 4;
 }