視差滾動圖像不可見

Question

我正在研究一些課外項目，以增強我的html5 / css3 / jquery知識，並且正在使用視差滾動，但似乎無法將底部圖像滾動到視圖中。 它似乎卡在上面的后面，無論我做什么，我似乎都無法將其拉低。

底部黑色部分應該有一個巨額的美元鈔票，上面寫着“安倍就是金錢”

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

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

干杯

Answer 1

我認為美元賬單形象太小。

查看此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;
}

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

Answer 2

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