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

我想将绝对位置的div放在文本后面的某些文本或图像中。我无法将绝对分割Z-index设置为-1的原因是因为文本或背景图像背后有内容。所以绝对股利将会落后于此。Jquery在文本元素后面添加带背景的div

我熟悉Javascript，jQuery，CSS等等。那么我能做些什么来定位文本背后的绝对div，但是在背景图片前面呢？

谢谢！

2012-07-12 Ilya Karnaukhov

显示我们无论是在您的文章代码或在一个jsfiddle。 – Lowkase 2012-07-12 14:11:10

您可能需要向我们展示一些代码，然后才能给出具体的答案，但听起来好像您需要将元素与文本和背景分隔为两个元素（一个仅包含文本，一个仅包含背景）。您不能在同一元素的两个部分之间插入一个元素 - 将这些元素视为图层。 – Zhihao 2012-07-12 14:15:52

如果没有您的代码很难说，但尝试将文本或图像后面的内容的z索引设置为1，将绝对定位的div的z索引设置为2，并设置容器的z索引的文字或图像为3. – 2012-07-12 14:40:21

也许这样吗？

.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>

来源

2012-07-12 14:29:22

，而不是与背景图像设置的div的z-index为-1，创建包含图像/文本股利，并设置其z指数为1。

来源

2012-07-12 15:48:44 MJQ

事情是......包含图像/文本的div并不是绝对的。如果我将它们设置为绝对的，那么与图像/文本一致的内容将会是错误的...让我的dillema？：p – 2012-07-13 16:04:27

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

回答

相关问题