隐藏盒子阴影的部分

Question

免责声明：我已经看到以下问题及其解决方案也不适用于我，即使它们非常相似：

• 在所有方面创建CSS3盒子阴影
• 如何在选项卡菜单中的当前元素中添加落下阴影？
• CSS阴影在3侧

简而言之，我正在尝试添加 -moz-box-shadow 的 0 0 10px 到 .current_page_item 在标签导航中的“当前活动”选项卡的顶部的类 我的网站. 。该网站尚未包含实际的盒子阴影或任何这些更改中的任何一个，在我实际发布之前，我只是在Firebug中进行了这些修改。自然，这会导致阴影出现在各个方面，因此底部边缘的阴影重叠到 .content DIV存储所有博客的实际内容，即帖子。

根据到目前为止我所看到的，我似乎应该设置 z-index 某事，不确定什么（我努力了 ul.menu）较低的东西 z-index 的 .content 分配到更高的东西，但这似乎没有影响。

我只是想知道这是否是正常的行为，如果不是正常的行为，是否有人可以帮助我解决这种情况。

谢谢，我真的很感激。

编辑: ： 我放 box-shadow 在前面的帖子中，但我的意思是各自的特定指令，例如 -moz-box-shadow. 。那不是我遇到的问题。

Answer 1

您需要添加 overflow:hidden 在 ul.menu 正如HoneyBuzzer所提到的那样，但是由于那也将截止顶部阴影，您应该添加一些 padding-top 到 ul.menu 也..

Answer 2

overflow:hidden 上 ul.menu 似乎摆脱了底部阴影。