1

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

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

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

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

我已经禁用了 javascript，它仍然可以在路径网站上运行，所以它看起来像是 100% css。

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

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

他们是如何达到这种效果的？

4

2 回答 2

0

这在您链接的网站中起到了作用：

.background {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
于 2012-11-15T11:13:01.673 回答
0

给身体 100% 的高度就可以了。

body {height:100%;}

就那么简单。

但我不确定您实际上在说什么，半透明的白色背景或海滩的背景图像。无论如何，如果这是您不想要的，请在评论中回复。

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

于 2012-11-15T11:24:51.093 回答