我有一个div
带有一些子元素的元素,我试图应用一个插入框阴影,子元素似乎覆盖了框阴影,这是一个 jfiddle 示例:jsFiddle 演示 http://jsfiddle.net/sightofnick/wdYpv/
如果你拿走background-color
on the optn
类你会看到那里的插入框阴影,所以我的代码is有效的。所以问题是,如何使子元素出现在盒子阴影下?
遇到同样的问题,找到一半的解决方案(如果你里面没有滚动,效果很好)。
您可以将元素中的背景放置在阴影下,方法是将其放置在 :before 或 :after 伪类内并将其设置为 z-index: -1。它将完成背景部分。
但这会产生新的问题:要定位 :before 元素,您需要将“position:relative;”应用于 .optn 元素如果您应用“位置:相对;”它将开始从 Webkit 浏览器的圆角下方显示。
如果您内部没有滚动条,则可以通过第一个和最后一个 .optn 元素的圆角来修复它,如果您想滚动此内容,那么不幸的是您不能这样做。
无论如何,有一个例子:http://jsfiddle.net/qN99W/ http://jsfiddle.net/qN99W/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)