CSS框阴影隐藏(z-index无法修复)

Question

我的#primaryNavdiv 上有一个盒子阴影.不幸的是,阴影被以下#page元素的背景覆盖/隐藏.

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

我有什么想法我做错了吗？

Answer 1

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

#primaryNav {
  position: relative;
 }

我会避免使用负z-index.只需将z-index更改#page为0即可.

Answer 2

我看了你的网站，我认为border-bottom的属性#primaryNav掩盖了你的影子。