0

ご覧ください：http ：//twitter.github.com/bootstrap/base-css.html

このような多くの例があります：

ここに画像の説明を入力してください

ブロックの境界をよく見ると、灰色のブロックが白いブロックの下にあることがわかります。ブラウザの開発者ツールを使用すると、両方のボックスに継承されていることがわかりますz-index: auto。

この効果を自分のWebサイトで再現することはできません（を使用せずにz-index）。
だから、私の質問は：なぜ白いものの下に灰色のブロックがあるのですか？

4

2 に答える 2

3

これは、最初の要素がposition:relative設定されているのに対し、他の要素は設定されていないためです。

簡単な例を次に示します。

最初の要素から相対位置を削除すると、2番目の要素によって非表示になることに注意してください。

于 2012-11-09T11:04:18.787 に答える
2

白いコンテナはを使用するように設定されてposition:relativeおり、灰色のボックスの前に表示されます。

灰色のボックスも使用するように設定されてposition:relativeいる場合は、白いコンテナの下に低いz-indexを表示する必要があります。

于 2012-11-09T11:03:57.790 に答える