CSS 框-影子隐藏(z-index 不修复)

我有一个箱子阴影在我的 #primaryNav div。遗憾的是，阴影被以下 #page元素的背景覆盖/隐藏。

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

知道我哪里做错了吗？

37127 次浏览
小开

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

小开

您需要为 #primaryNav.Z 索引定义定位。 Z 索引仅影响定位的元素。 我刚在 Firebug 里加了这个，它修正了:

#primaryNav {
position: relative;
}

我会避免使用负 z 指数。只需将 #page的 z 指数改为0。

小开

正如 jlego 已经说过的，一个相对的位置应该可以解决这个问题。 顺便说一下，我建议确保没有阴影左或右的 #primaryNav。由于 #primaryNav的宽度为100% ，侧面的阴影会使水平滚动条显示出来。

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


提交答案