Question

我想在文本后面放置一个绝对定位的div文本或图像。我无法将绝对div z-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.

Jquery添加div与文本元素后面的背景

2 个答案: