【发布时间】：2019-10-08 17:47:12
【问题描述】：
我正在尝试将底部的图像放在顶部图像的后面，以在图像周围制作边框。我意识到图像的格式还没有正确，这是下一部分。我正在使用wordpress。我将每个的 z-index 设置为 1（边框）和 -1（图像），并尝试弄乱边距、填充、位置，但它们没有做任何事情。
这是 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;
}
【问题讨论】：
-
@AndreiGheorghiu - 让我们专注于提问者的问题。如果您想了解他们的生活选择，这里似乎离题了。
-
jsfiddle 似乎坏了。还有其他方法可以查看工作示例吗？
-
z-index在文档中不是全局。要使用它，您必须了解stacking-contexts。我最近解释了它here（参见Stacking contexts principle副标题和上面的小提琴）。 -
@Nora 不是。我认为这是因为图像没有显示，因为它们没有被引用？