希望我能够在没有示例的情况下解释得很好......
我有两个不稳定的z-index实例。让我解释一下：
1）我有一个带有下拉列表的导航栏，使用css3幻灯片过渡和jquery定位移动到位。我将导航栏的z-index设置为100，将下拉列表的z-index设置为90.导航栏有一个阴影，我想通过下拉菜单，但目前不会。此外，下拉菜单向下滑过导航栏，同时它应该在下面。
2）我的页脚基本上与上面的问题相同，只是倒置了。没有阴影重叠。还没有实现过渡，但我相信它会做同样的事情。
在回答明显问题之前，所有相关元素都已定位。
我希望能够解决这个问题而不必提出一个例子，因为这是一个包含大量内容的大项目的一部分。既然没有例子，我不认为答案很简单，但也许你可以指出我正确的方向？
如果您有任何疑问，请与我们联系。非常感谢！
修改
我在评论中发了一个快速的样本。过渡不起作用，但导航的阴影不包括下拉列表
答案 0 :(得分：0)
这不会起作用，因为你的元素是嵌套的，而z-index是一个继承的属性。在更改任何z索引之前，你必须将它们分开，以便它们处于相同的dom级别（不是parenrs或children）。
我会在手机上修复你的例子。当我到达计算机病态更新。 ：）
答案 1 :(得分：0)
Calley，
很抱歉，花了这么长时间才回来。我们停电了，我刚回到网上。
我将您的JSFIDDLE改为HTML以包含“navBack”div：
<nav><div class="navBack"></div>
....等......
和你的CSS替换第一行：
.nav {
与
.navBack {
并且瞧 - 它有效，shadaow就在你想要的地方。