0

希望我能够在没有例子的情况下很好地解释这一点......

我有两个不稳定的 z-index 实例。让我解释一下：

1）我有一个带有下拉菜单的导航栏，使用 css3 幻灯片转换和 jquery 定位移动到位。我将导航栏的 z-index 设置为 100，将下拉菜单的 z-index 设置为 90。导航栏有一个阴影，我想浏览下拉菜单，但目前不会。此外，下拉菜单在导航栏上向下滑动，而它应该在下方。

2）我有一个与上述问题基本相同的页脚，只是倒置了。没有阴影重叠。尚未实施过渡，但我相信它会做同样的事情。

在您回答显而易见的问题之前，所有有问题的元素都已定位。

我希望能够在不举出例子的情况下解决这个问题，因为这是一个有很多很多部分的大项目的一部分。由于没有例子，我不希望答案很简单，但也许你可以指出我正确的方向？

如果您有任何问题，请告诉我。非常感谢！

编辑

我做了一个快速示例，发布在评论中。过渡不起作用，但导航的阴影没有覆盖下拉菜单

4

2 回答 2

0

这不会起作用，因为您的元素是嵌套的并且 z-index 是一个继承的属性。在更改任何 z-index 之前，您必须将它们分开，以便它们处于相同的 dom 级别（而不是父级或子级）。

我给你一个例子，但我在我的手机上。当我到达电脑病态更新。:)

于 2012-11-11T07:00:50.467 回答
0

卡利，

抱歉花了这么长时间才回来。我们停电了，我才刚刚重新上线。

我更改了您的 JSFIDDLE 的 HTML 以包含“navBack” div：

<nav><div class="navBack"></div>

.... ETC...

和你的 CSS 替换第一行：

.nav {

和

.navBack {

瞧——它起作用了，影子就是你想要的地方。

于 2012-11-11T08:01:26.027 回答