我有一个带有一些子元素的 div 元素，我正在尝试应用一个插入框阴影，子元素似乎覆盖了框阴影，这里是一个 jfiddle 示例:
jsFiddle Demo
如果你去掉 optn 类上的 background-color 你会在那里看到插入框阴影，所以我的代码是有效的。所以问题是，如何使子元素出现在框阴影下？
最佳答案
有同样的问题，找到一半的解决方案(如果你没有内部滚动，效果很好)。
你可以将元素的背景放在阴影下，方法是将它放在 :before 或 :after 伪类中并设置它的 z-index: -1。它将做背景部分。
但这会产生新的问题:要定位 :before 元素，您需要应用到 .optn 元素“position: relative;”并且如果您应用“position:relative；”它会在 Webkit 浏览器中从圆 Angular 下方开始显示。
如果你没有内部滚动，你可以通过圆 Angular 修复它，如果第一个和最后一个 .optn 元素，如果你想滚动这个内容，那么不幸的是你不能这样做。
无论如何有一个例子:http://jsfiddle.net/qN99W/
关于html - 如何确保子元素不会掩盖插入阴影？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7870499/