html - 从 body 元素继承的背景颜色

Question

我试图有两个stacked带页脚的元素

.background
.container-fluid 
.footer

请看我的小提琴：

http://jsfiddle.net/z9Unk/309/

我希望绿色显示在背景中，底部有页脚。

但它显示黑色（身体的背景颜色）。这是为什么？

如果我从中删除背景颜色body，则它显示绿色背景。

如何在不background-color从身体上移除的情况下显示绿色背景？

Answer 1

你已经z-index:-1;上了.my-world-background。body默认情况下有z-index:0;，所以它呈现在前面。

Answer 2

使用背景颜色而不是颜色

.footer-content {
  text-align:center;
  font-size:22px;
  background-color: green;
}

Answer 3

.my-world-backgrounddiv 位于 body div 后面，因此背景颜色优先body。background-color这就是为什么当您从正文中移除该属性时您会看到绿色。同时页脚没有background-color设置属性，只有一个颜色属性，它指的是文本的颜色。也许这就是你想要的：

http://jsfiddle.net/WSwjy/