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;
 }

简单的非滚动背景图像

1 个答案: