div的定位位於另一個div的後面

我試圖將圖像放在頂部圖像的底部以在圖像周圍創建邊框。我意識到圖像尚未正確格式化，這是下一部分。我正在使用wordpress。我將z-index設置爲1（邊界）和-1（圖像），我嘗試了邊緣，填充，位置，但他們沒有做任何事情。div的定位位於另一個div的後面

下面是對的jsfiddle代碼： https://jsfiddle.net/5L8mnfdc/

#pl-9 .panel-grid-cell .so-panel { 
    z-index: 1; 
} 

.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container { 
    z-index: -1 !important; 
}

Layout http://i65.tinypic.com/2zr145f.jpg

來源

2016-12-31 user3583313

@AndreiGheorghiu - 讓我們專注於提問者的問題。如果你想知道他們的人生選擇，這裏似乎脫離主題。 – Alec

jsfiddle似乎壞了。有沒有其他方法可以看到一個有效的例子？ – Nora

'z-index'在文檔中不是* global *。爲了使用它，你必須理解'堆疊上下文'。我最近解釋它[這裏]（http://stackoverflow.com/questions/41385907/why-isnt-z-index-working/41385975#41385975）（參見** Stacking上下文原理**小標題和小提琴）。 –

您的問題無關，與z指數，而是與元素的定位屬性。找出哪些CSS塊確定他們在哪裏，以及他們如何對應他們的父母位置。

來源

2016-12-31 00:38:25

div的定位位於另一個div的後面

回答

相關問題