CSS框阴影隐藏（z-index无法修复）

Question

我的#primaryNav div上有一个盒子阴影。不幸的是，阴影被以下#page元素的背景覆盖/隐藏。

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

任何想法我做错了什么？

Answer 1

您需要定义#primaryNav的定位。 Z-index仅影响定位元素。 我刚刚在firebug中添加了它并修复了它：

#primaryNav {
  position: relative;
 }

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

Answer 2

由于jlego已经表示相对立场应该解决它。 顺便提一句，我建议确保#primaryNav左侧或右侧没有阴影。由于#primaryNav的宽度为100％，因此侧面的阴影会显示水平滚动条。

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

Answer 3

我查看了您的网站，我认为border-bottom的{​​{1}}属性掩盖了您的影子。