在div下出现的单面盒子阴影

Question

请先查看this小提琴。正如您所看到的，第二部分的顶部边框上有一个轻微的阴影。我正试图将这个阴影带到底部边界。我改变了潜水的CSS，如box-shadow:0 8px 12px -6px #000;。阴影出现在正确的位置，但问题是如果我从棕色部分移除display:none;，即阴影isn't visible。棕色部分是covered。

我希望阴影出现在棕色部分上方。感觉棕色部分在米色之下。我怎么能这样做？

谢谢。

Answer 1

将此添加到您想要的部分

的z-index：-1;

以及您想要的部分

的z-index：1;