Question

这是一张图片幻灯片：http://jqueryfordesigners.com/demo/coda-slider.html

我的演出将有这样的幻灯片。但是顶行（网站，文件，编辑器等）将移至最底层。

幻灯片放映（一次只有一张大图像，下面有一排小图片）会在整页上展开。

如前所述，如何让它延伸到整页？

编辑：实际上，我想知道的是如何让图片（不是背景图片）在整个页面上伸展，下方有一点空间。

Answer 1

让我们说这是HTML：

<body>
    <img id="bgimg" src="image.jpg" alt="Image"/>
</body>

你可以这样设计：

body {
    position: relative;
    width: 100%;
    height: 100%;
}
#bgimg {
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 98%;
}

这应该有用。

全屏图像，下面有一排小图片

1 个答案: