我想在一些文本或图像的文本后面放置一个绝对定位的 div。我无法将绝对 div z-index 设置为 -1 的原因是文本或带有背景图像的图像后面有内容。所以绝对 div 将位于其后面。
我熟悉 Javascript、jQuery、css 等。那么我该怎么做才能将绝对 div 定位在文本后面但在背景图像前面?
谢谢!
我想在一些文本或图像的文本后面放置一个绝对定位的 div。我无法将绝对 div z-index 设置为 -1 的原因是文本或带有背景图像的图像后面有内容。所以绝对 div 将位于其后面。
我熟悉 Javascript、jQuery、css 等。那么我该怎么做才能将绝对 div 定位在文本后面但在背景图像前面?
谢谢!
也许像这样?
.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>
与其将带有背景图像的 div 的 z-index 设置为 -1,不如创建一个包含图像/文本的 div 并将其 z-index 设置为 1。