0

我想知道是否有人可以指出我正确的方向。我有一个带有大背景图像的 div。BG 图像设置为包含，因此它将随浏览器大小而扩展和收缩。我遇到的问题是，如果你缩小浏览器，div 仍然显示高度为 1000px。因此，当图像适当地展开以适应时，如果您开始向下滚动，您会看到现在占据图片下方 1000 像素高度的大间隙，主体 bg 颜色通过（因为图片已通过包含缩小）。我怎样才能使 div 向上移动并且间隙消失？我已经在几个网站上看到了这一点。

CSS 代码：

.contain { background-size: contain; }
.mainsplashtop {
    width:100%;
    height:1000px;
    background-image:url(../images/main_splash.jpg);
    background-repeat:no-repeat;
    margin-top:0;

}

HTML

<div data-stellar-background-ratio="0.5" class="mainsplashtop contain"><a class="scroll" href="#destination1"></a></div>

您可以在网站上看到我的意思（请忽略 disaray，因为它仍处于早期开发阶段）

www.doyouhaveasaddle.com

以下是我试图实现的目标的示例。 http://www.unbornink.com/ http://www.fmolinari.com

提前致谢。

4

0 回答 0