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的后面

回答

相关问题