div上的CSS Box Shadow被其他div隐藏

我有两个盒子，它们是垂直堆叠的。我想让顶部的div在底部有一个阴影。顶盒的阴影隐藏在底部盒子的后面。div上的CSS Box Shadow被其他div隐藏

我该如何解决这个问题？

2012-02-18 Don P

您可以使用：

要么

#first{ 
    position:relative; 
    z-index:2; 
}

或

#second{ 
    margin-top:10px; 
}

PS：对不起，我以前的答案错误。 - 示例如下：http://jsfiddle.net/fdezluis96/FRQKA/

祝你好运！

2012-02-18 16:55:12 Luis

它应该是'位置：relative'，不'absolute'，而且也没有必要这么高的离谱'Z-index'。 – BoltClock 2012-02-18 16:56:52

我可以只做z-index：2吗？ – 2012-02-18 16:59:41

当然你可以，在这里你有一个JSFiddle显示两个选项，祝你好运 - http://jsfiddle.net/6CUqd/2/。我更新了答案，以符合您的要求@DonnyP – Luis 2012-02-18 17:09:12

或者只是添加边距：10px的什么顶格

2012-02-18 16:56:58 jribeiro

这推倒底部，我非常怀疑是期望的行为。 – BoltClock 2012-02-18 16:57:27

不能按下底部框 – 2012-02-18 16:59:06

好的。误解。对不起 – jribeiro 2012-02-18 17:02:32

回答