我想將絕對位置的div放在文本後面的某些文本或圖像中。我無法將絕對分割Z-index設置爲-1的原因是因爲文本或背景圖像背後有內容。所以絕對股利將會落後於此。Jquery在文本元素後面添加帶背景的div
我熟悉Javascript,jQuery,CSS等等。那麼我能做些什麼來定位文本背後的絕對div,但是在背景圖片前面呢?
謝謝!
我想將絕對位置的div放在文本後面的某些文本或圖像中。我無法將絕對分割Z-index設置爲-1的原因是因爲文本或背景圖像背後有內容。所以絕對股利將會落後於此。Jquery在文本元素後面添加帶背景的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,創建包含圖像/文本股利,並設置其z指數爲1。
事情是......包含圖像/文本的div並不是絕對的。如果我將它們設置爲絕對的,那麼與圖像/文本一致的內容將會是錯誤的...讓我的dillema? :p – 2012-07-13 16:04:27
顯示我們無論是在您的文章代碼或在一個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