簡單的非滾動背景圖片

我有什麼可能是一個簡單的問題，但我找不到它的答案。我有一個背景圖像，看起來很好，瓷磚罰款和滾動罰款。然而，我有第二個背景圖像，它放在一個包裝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

簡單的非滾動背景圖片

回答

相關問題