拉伸页面以匹配背景图像的高度

Question

是否有办法让网络浏览器使用background-image-size: 100%滚动背景图片的整个高度？我想要成像以水平覆盖整个观看区域，但这样做可以从底部切割掉一些图像。我希望用户能够在向下滚动时看到图像的其余部分。

Answer 1

如果您设置为正文标记背景图像，它将以页面的完整高度显示。页面高度取决于页面上的内容。

Answer 2

据我所知，答案是否定的。相反，我将图片包装在img标签中。一旦它成为内容，滚动按预期工作。不幸的是，这意味着将z-index css属性添加到其他内容以使其显示在图像上。

这是一个片段：

    body {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
    }
    #image {
        width: 100%;
        margin: 0;
    }
    #content {
        z-index: 100;
    }