隐藏了CSS box-shadow（z-index无法修复）

我的#primaryNavdiv上有框阴影。不幸的是，阴影被以下#page元素的背景覆盖/隐藏。

我试图将z-index设置为100 #primaryNav，将z-index设置为-100设置为#page，但这不能解决我的问题。

有什么想法我做错了吗？

您需要为定义定位#primaryNav。Z索引仅影响定位的元素。我刚刚在萤火虫中添加了它，并修复了：

#primaryNav {
  position: relative;
 }

我会避免使用负的z-index。只需将z-index更改#page为0。

正如jlego所说，相对位置应该解决它。顺便说一句，我建议确保没有阴影在左边或右边#primaryNav。由于#primaryNav宽度为100％，侧面的阴影使水平滚动条出现。

要解决此问题，您可以将设置overflow:hidden为#iframe

我查看了您的网站，并认为的border-bottom属性#primaryNav掩盖了您的阴影。