从body元素继承的background-color

Question

我正在尝试使用页脚

创建两个stacked元素

.background
.container-fluid 
.footer

请看我的小提琴：

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

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

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

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

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

Answer 1

z-index:-1;上有.my-world-background。 <{1}}默认情况下为body，因此会在前面呈现。

Answer 2

使用背景色代替颜色

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

Answer 3

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

http://jsfiddle.net/WSwjy/