Css Z索引不工作（是，位置已设置）

我似乎无法使z索引正常工作。关于这一点有很多问题，但在大多数问题中，问题是位置没有确定。我已经确定了位置，但仍然无法使它工作。我希望文本框位于灰色条的顶部

任何指导都将不胜感激

。图片{
高度：45vh；
背景颜色：灰色；
位置：相对位置；
z指数：0；
}
梅因先生{
利润率顶部：-30vh！重要；
弹性收缩：0；
位置：相对位置；
z指数：100；
}
标题
标题

这是一个非常重要的问题。公共行政部门的行政长官。除此之外，最重要的是，所有的人都有权参与其中。我是阿利夸·诺斯特鲁德·奥卡卡特先生。埃乌斯莫德·奎斯·阿梅特·乌拉姆科（amet ullamco）是一位年轻人，但他也有两次失恋。这是一个非常重要的问题。如果你是一名杰出的公民，那么你就可以成为一名杰出的公民。


这是一个非常重要的问题。公共行政部门的行政长官。除此之外，最重要的是，所有的人都有权参与其中。我是阿利夸·诺斯特鲁德·奥卡卡特先生。埃乌斯莫德·奎斯·阿梅特·乌拉姆科（amet ullamco）是一位年轻人，但他也有两次失恋。这是一个非常重要的问题。如果你是一名杰出的公民，那么你就可以成为一名杰出的公民。

z-index

带

位置：相对

与相邻元素配合使用效果最佳

然后，您需要在文本的大多数父级

div

上设置z索引（在本例中，是包含

mdi-layout\u内容的类），该类位于图片
div


。图片{
高度：45vh；
背景颜色：灰色；
位置：相对位置；
z指数：0；
}
.mdl-layout\u内容{
利润率顶部：-30vh！重要；
弹性收缩：0；
位置：相对位置；
z指数：100；
}

标题
标题

这是一个非常重要的问题。公共行政部门的行政长官。除此之外，最重要的是，所有的人都有权参与其中。我是阿利夸·诺斯特鲁德·奥卡卡特先生。埃乌斯莫德·奎斯·阿梅特·乌拉姆科（amet ullamco）是一位年轻人，但他也有两次失恋。这是一个非常重要的问题。如果你是一名杰出的公民，那么你就可以成为一名杰出的公民。


这是一个非常重要的问题。公共行政部门的行政长官。除此之外，最重要的是，所有的人都有权参与其中。我是阿利夸·诺斯特鲁德·奥卡卡特先生。埃乌斯莫德·奎斯·阿梅特·乌拉姆科（amet ullamco）是一位年轻人，但他也有两次失恋。这是一个非常重要的问题。如果你是一名杰出的公民，那么你就可以成为一名杰出的公民。

z-index
带
位置：相对
与相邻元素配合使用效果最佳

然后，您需要在文本的大多数父级
div
上设置z索引（在本例中，是包含
mdi-layout\u内容的类），该类位于图片
div


。图片{
高度：45vh；
背景颜色：灰色；
位置：相对位置；
z指数：0；
}
.mdl-layout\u内容{
利润率顶部：-30vh！重要；
弹性收缩：0；
位置：相对位置；
z指数：100；
}

标题
标题

这是一个非常重要的问题。公共行政部门的行政长官。除此之外，最重要的是，所有的人都有权参与其中。我是阿利夸·诺斯特鲁德·奥卡卡特先生。埃乌斯莫德·奎斯·阿梅特·乌拉姆科（amet ullamco）是一位年轻人，但他也有两次失恋。这是一个非常重要的问题。如果你是一名杰出的公民，那么你就可以成为一名杰出的公民。


这是一个非常重要的问题。公共行政部门的行政长官。除此之外，最重要的是，所有的人都有权参与其中。我是阿利夸·诺斯特鲁德·奥卡卡特先生。埃乌斯莫德·奎斯·阿梅特·乌拉姆科（amet ullamco）是一位年轻人，但他也有两次失恋。这是一个非常重要的问题。如果你是一名杰出的公民，那么你就可以成为一名杰出的公民。

包含要覆盖内容的
div
的
overflow-x
和
overflow-y
属性分别设置为
hidden
和
auto
。这些样式来自您正在使用的材质CSS文件

修复方法是覆盖这些规则，以便溢出容器的内容可见。我们将
overflow-x
和
overflow-y
设置为
visible
：

.overflow-fix.mdl-layout__content {
  overflow-x: visible;
  overflow-y: visible;
}

注意：我还向
div
添加了一个
overflow修复程序
类，以便该修复程序可以选择加入

见更新
 包含要覆盖的内容的
div
的
overflow-x
和
overflow-y
属性设置为
hidden
和
<
.overflow-fix.mdl-layout__content {
  overflow-x: visible;
  overflow-y: visible;
}