html - 我将如何创建一个充满整个屏幕的 div，其下有内容

Question

这是我正在做的事情的一个例子。 http://www.childrens2012.org/

无论大小如何，都会填满整个屏幕的背景图像/颜色，但是当您向下滚动时，您会看到更多内容。

我让它为颜色工作

#tester{
    width:100%;
    height:100%;
    background-color: blue;}

但是，当我厌倦了使用背景图像时，如果我将其放置在绝对位置，则会遇到麻烦，然后出现下面的内容并且它似乎不起作用。

这是我得到的

width:100%;
height:100%;
background: url(../images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
 position:absolute;

有任何想法吗？

Answer 1

这是一个问题：height:100%.. 100% 是什么？

添加这个：

body, html {
  height:100%;
}

它应该可以工作。

http://jsbin.com/evifeh/1/edit

Answer 2

我不确定你想要达到什么目标。给定的示例和您的示例代码与处理图像不同。

给你另一个解决方案：

#tester{ margin-top: 100% }