Question

我正在开发一个适合一个页面的网站，并向下滚动到与其他页面一样的其他部分。我希望有一个动态重新调整图像的目标网页，当用户进入时会占据用户的整个页面。我能够让图像工作，但我无法将页面滚动到其他内容。

.full-size {
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    overflow:hidden;
}
.page-welcome{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #292929 url(http://placekitten.com/1600/900) repeat fixed;
    background-size: cover;  
    }

这是我正在使用的CSS。

我还在jsfiddle HERE中设置了示例请注意，“测试”应该居中，必须复制粘贴错误或某事。

Answer 1

只是为了扩展我的评论：将margin-top:100%;添加到您想要推送的div应该会产生预期的结果。请参阅下面的链接，我添加了一个名为“test”的div与该属性，它似乎完成了你想要的。

http://jsfiddle.net/tm2v6/13/embedded/result/

创建全屏背景图像，但仍允许用户向下滚动

1 个答案: