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

回答

相關問題