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

Question

我正在尝试让两个 stacked 元素带有页脚

.background
.container-fluid 
.footer

请看我的 fiddle :

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

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

但它显示黑色( body 的背景色)。这是为什么？

如果我从 body 中删除 background-color，那么它会显示绿色背景。

如何在不从正文中删除 background-color 的情况下显示绿色背景？

Answer 1

.my-world-background 上有 z-index:-1;。 body 默认有 z-index:0; 所以它呈现在前面。