html - z-index - 子としての img と div

Question

に問題がありz-indexます。My<img>は の後ろに表示されません<div>。

http://cssdesk.com/LGYZm <-- これがコード サンプルです。

<img>と<div>はどちらも別の子です<div>が、child-div は の前に表示する必要があり<img>ます。そして、この場合background-imageはオプションではありません。

Answer 1

ここでの問題はz-index、css の他の部分の問題ではありません。

z-indexドキュメントの流れから要素を除外しません。スタック順序にのみ影響します。

配置/レイアウト ロジックを変更して、最初に 2 つの要素が水平方向/垂直方向に整列するようにする必要があります。

注: この場合、テキストは画像の後に来るため、テキストは当然重なり順で高くなります。