隐藏CSS盒子的阴影（z-index不能修复）

我的盒子阴影在我的#primaryNav div上。不幸的是，阴影被以下#page元素的背景覆盖/隐藏。隐藏CSS盒子的阴影（z-index不能修复）

我试图设置一个100的z索引到#primaryNav和一个z-index为-100到#page，但是这并没有解决我的问题。

任何想法我做错了什么？

2011-03-31 Tophers

这个阴影应该在哪里，在顶部或底部的导航的？ – 2011-03-31 19:27:49

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

2011-03-31 19:25:49 njebert

114

您需要定义#primaryNav的位置。 Z索引仅影响定位元素。我只是萤火添加这和它的固定：

#primaryNav { 
    position: relative; 
}

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

2011-03-31 21:58:06 biggles

完美。不知道关于z-index和定位元素。非常感谢。 – Tophers 2011-03-31 23:02:13

这是正确的答案。 OP应该将其标记为 – Mansiemans 2014-02-27 14:10:52

您保存了我的作品。谢谢。 – 2015-02-14 11:24:45

由于jlego已经表示相对位置应该修复它。顺便说一下，我会建议确保没有影子左侧或右侧的#primaryNav。由于#primaryNav的宽度为100％，因此侧面的阴影会显示水平滚动条。

为了解决这个你可以设置一个overflow:hidden到#iframe

2011-03-31 22:14:27 Towa

好的提示 - 谢谢。 – Tophers 2011-03-31 23:02:32

回答