3

stackedフッターに2つの要素を持たせようとしています

.background
.container-fluid 
.footer

私のフィドルを見てください：

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

背景に緑が表示され、下部にフッターが表示されることを期待しています。

ただし、黒（ボディの背景色）が表示されます。何故ですか？

から background-color を削除するbodyと、緑色の背景が表示されます。

background-color本文から削除せずに緑色の背景を表示するにはどうすればよいですか?

4

3 に答える 3

4

あなたは乗っz-index:-1;てい.my-world-backgroundます。デフォルトでbody持っているので、前面にレンダリングされます。z-index:0;

于 2013-09-13T22:24:46.080 に答える
2

color の代わりに background-color を使用する

.footer-content {
  text-align:center;
  font-size:22px;
  background-color: green;
}
于 2013-09-13T22:24:50.083 に答える
0

div は body divの.my-world-background後ろにあるため、背景色bodyが優先されます。background-colorこれが、ボディからプロパティを削除すると緑色に見える理由です。一方、フッターにはbackground-colorプロパティ セットがなく、テキストの色を参照する color プロパティのみがあります。おそらくこれがあなたが望むものです：

http://jsfiddle.net/WSwjy/

于 2013-09-13T22:32:49.040 に答える