【发布时间】：2011-03-31 19:20:46
【问题描述】：
我的#primaryNav div 上有一个盒子阴影。不幸的是，阴影被以下#page 元素的背景覆盖/隐藏。
我尝试将 100 的 z-index 设置为 #primaryNav，并将 -100 的 z-index 设置为 #page，但这并不能解决我的问题。
任何想法我做错了什么？
【问题讨论】：
-
这个阴影应该在哪里，在导航的顶部还是底部？
【发布时间】：2011-03-31 19:20:46
【问题描述】：
您需要为#primaryNav 定义定位。 Z-index 只影响定位元素。
我刚刚在 firebug 中添加了这个并修复了：
#primaryNav {
position: relative;
}
我会避免使用负 z-index。只需将 #page 的 z-index 更改为 0。
【讨论】：
-
完美。不知道 z-index 和定位元素。非常感谢。
-
这是正确答案。 OP应该相应地标记它
-
这太棒了，我知道 z-index 但你是我遇到的第一个解释它需要定位才能工作的人，非常感谢！
-
谢谢你。这就像一个魅力，你填补了我的知识空白。
正如 jlego 已经说过的相对位置应该解决它。
顺便说一句，我建议确保#primaryNav 的左侧或右侧没有阴影。由于#primaryNav 的宽度为 100%，因此侧面的阴影会出现水平滚动条。
要解决此问题，您可以将 overflow:hidden 设置为 #iframe
【讨论】：
我查看了您的网站，我认为#primaryNav 的border-bottom 属性掩盖了您的影子。
【讨论】：