z-index - 隐藏 CSS box-shadow(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。