css身高谜

Question

我试图复制路径中显示的布局：https://path.com/i/M2lzb

正如您在布局css中看到的那样：

html, body { margin: 0; padding: 0; }
html { min-height: 100%;position: relative; }
body { }

不知怎的，他们设法在body上获得了100％最小高度的行为，而没有固定html高度。我试图复制它，但它只有在我设置html { height: 100% }时才有效，当我这样做时，它会在布局需要滚动时打破背景（在较小的高度上它会被截断）。

我已禁用javascript＆amp;它仍然适用于路径网站，所以它看起来像是100％css。

我试图在没有运气的情况下复制行为（我复制/粘贴了所有路径的css！）。

http://jsfiddle.net/J9fgc/2/

他们如何达到这个效果？

Answer 1

这可以解决您链接的网站的问题：

.background {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

Answer 2

给身体100％的身高可以完成任务。

body {height:100%;}

这很简单。

但我不确定你到底在说什么，半透明的白色背景或海滩的背景图片。无论如何，如果这是你不想要的，那么请在评论中回复。

http://jsfiddle.net/DeepakKamat/J9fgc/3/