简单的非滚动背景图片

我有什么可能是一个简单的问题，但我找不到它的答案。我有一个背景图像，看起来很好，瓷砖罚款和滚动罚款。然而，我有第二个背景图像，它放在一个包装div（“白色背景”，我相信它被称为），并且我不希望那个人滚动页面。随着内容和文本变得更长，并强制用户滚动，我希望第二个背景保持静态。这样，当用户向下滚动页面时，它看起来就像是如果第二个背景完全静止。简单的非滚动背景图片

我试图在我的“包装”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应该足够了。任何帮助，将不胜感激。非常感谢！

来源

2013-05-11 Jon Ferriter

如果你想有两个背景，它有可能在一个单一的多背景元素：[单个元素上的多个背景]（http://stackoverflow.com/questions/16450039/multiple-backgrounds-on-body/16450098#16450098） – Arbel 2013-05-11 05:15:15

演示：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; 
}

来源

2013-05-11 05:34:21 PraJen

简单的非滚动背景图片

回答

相关问题