視差滾動圖像的視圖

我正在一個有點課外方面的項目，以加強我的html5/css3/jquery的知識，我正在與視差滾動，但我似乎無法得到底部圖像滾動到視圖。它似乎被困在上面，無論我做什麼，我似乎都無法把它放到視圖中。視差滾動圖像的視圖

應該有在底部的黑色部分巨型美元的鈔票的地方說：「安倍晉三是錢」

我的網址是：http://www.petegetscreative.com/abe/index.html

的靈感來自本教程：http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/

歡呼

來源

2013-11-04 pete edwards

我認爲美元鈔票形象太小。

看着this Fiddle，當我將美元鈔票圖像的大小增加到200％時，它在預覽中變得可見。

#known { 
    background: url(http://www.petegetscreative.com/abe/images/US-$5-SC-1953-Fr.1655.2.jpg) 50% 0 no-repeat fixed; 
    background-color: #000; 
    background-size: 200%; 
    height: 600px; 
    margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    padding-top: 50px; 
}

因此，可能發生的情況是圖像的高度小於滾動位置的差異。嘗試更大（更高）的圖像。

來源

2013-11-04 18:58:36

我認爲問題可能是美元圖像小於部分標籤，並且您正在運行的腳本會將bg圖像放在負Y位置。您可以進行測試，使圖像大於650px（該部分的高度）。

來源

2013-11-04 19:00:48

視差滾動圖像的視圖

回答

相關問題