请查看此链接:http://jsfiddle.net/6Yq8b/78/
我想知道如何在子元素移动到边界之外时保留Div的内部盒阴影。 在给定的链接中,发生的情况是子元素(“toplid”)遮挡了框顶部的内部盒阴影...
你有什么想法吗?
你有什么想法吗?
您可以通过在#toplid
元素上应用一个内嵌的盒子阴影来模拟盒子阴影:
#toplid {
box-shadow: inset 0 80px 42px -2px black;
}
编辑:
您已经在该元素上设置了box-shadow,因此请使用多个box-shadow:
#toplid {
box-shadow:0 0 20px -2px black, inset 0 80px 42px -2px black;
}
.btn
元素上的 box-shadow。如果您需要内嵌阴影更圆润,请给 #toplid
的顶部加上圆角:border-radius: 8px 8px 0 0
。实际的角落被隐藏起来,阴影被带到可见性中,这样就可以很好地模拟父元素了。http://jsfiddle.net/6Yq8b/102/ - Brent