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

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

我试图设置一个z-index为100到#primaryNav和z-index为-100到#page，但是这不能解决我的问题。

任何想法我做错了什么？

Answer 1

您需要为#primaryNav定义位置。 Z索引只影响定位元素。 我只是把它添加到萤火虫，并修复：

 #primaryNav { position: relative; } 

我会避免使用负Z指数。 只需将#page z-index #page为0。

Answer 2

正如jlego已经表示的相对位置应该修复它。 顺便说一句，我会build议确保没有影子左侧或右侧的#primaryNav 。 由于#primaryNav的宽度为100％，所以侧面的阴影会出现水平滚动条。

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

Answer 3

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