视差滚动图像的视图

我正在一个有点课外方面的项目，以加强我的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

视差滚动图像的视图

回答

相关问题