为什么带有类选择器的CSS悬停效果不适用于嵌套布局？

简单的代码

我很好奇为什么悬停和光标的效果在.subNav上不起作用！

---

简单而愚蠢的问题。救救我，很多thx

您的效果不起作用，因为

。容器

重叠

。标题

在

标题上使用css：

z-index: 2;

完成
.header的css

.header{
    width: 100%;
    height: 50px;
    z-index:2;
    background-color: #0092C7;
    position: relative;
}

您的效果不起作用，因为
。容器
重叠
。标题

在
标题上使用css：

z-index: 2;

完成
.header的css

.header{
    width: 100%;
    height: 50px;
    z-index:2;
    background-color: #0092C7;
    position: relative;
}

.container
位于导航上方，具有更高的自然z指数（代码中位于导航之后）

要在容器上放置导航，请设置为导航
位置：相对
（仅定位元素（不包括
位置：静态；
）可与z索引一起使用）且高于1

.nav{
    width: 200px;
    height: 250px;
    line-height: 50px;
    float: right;
    text-align: center;
    position: relative;
    z-index: 2
}

。容器
位于导航上方，具有更高的自然z指数（代码中位于导航之后）

要在容器上放置导航，请设置为导航
位置：相对
（仅定位元素（不包括
位置：静态；
）可与z索引一起使用）且高于1

.nav{
    width: 200px;
    height: 250px;
    line-height: 50px;
    float: right;
    text-align: center;
    position: relative;
    z-index: 2
}

请不要使用如此愚蠢的z索引。你通常不使用的是什么2？请不要使用如此愚蠢的z索引。你通常不使用的是什么？