javascript - Jqueryは、テキスト要素の背後に背景を持つdivを追加します

Question

テキストまたは画像のテキストの後ろに絶対位置のdivを配置したいと思います。絶対divz-indexを-1に設定できない理由は、テキストまたは背景画像のある画像の背後にコンテンツがあるためです。したがって、絶対divはその後ろに配置されます。

私はJavascript、jQuery、cssなどに精通しています。では、絶対divをテキストの後ろで、背景画像の前に配置するにはどうすればよいでしょうか。

ありがとう！

Answer 1

このように多分？

.div-1 { background-image:url(my-image.jpg) no-repeat 0 0; position:relative; }
.div-2 { position:absolute; z-index:1; top:0 left:0; }
.div-3 { position:absolute; z-index:2; top:0 left:0; }

<div class="div-1">
 <div class="div-2">behind</div>
 <div class="div-3">in front</div>
</div>

Answer 2

背景画像を含むdivのz-indexを-1に設定するのではなく、画像/テキストを含むdivを作成し、そのz-indexを1に設定します。