Html 显示在div后面的角度材质UI工具提示

我正在使用Angular2和AngularFire2构建一个todo应用程序，并使用材质UI样式。在应用程序的一部分，材质工具提示显示在div后面

.todoDetails{
z指数：-1！重要；
}
.ToDodetails说明{
宽度：80%；
高度：85px；
利润率：4%自动；
文本对齐：居中；
z指数：-1！重要；
}
.ToDeDescription文本区域{
字号：1em；
利润率：1%3%；
最小宽度：90%；
最大宽度：90%；
填充：1%；
最小高度：65px；
最大高度：65px；
边界：无；
背景#f2f2；
z指数：-1！重要；
}
.托多安{
浮动：对；
显示器：flex；
弯曲方向：行；
宽度：210px；
z指数：10000！重要；
}
.托多安{
显示：无；
宽度：30px；
高度：30px；
光标：指针；
利润率：10px；
过渡：颜色0.2s缓变；
z指数：10000！重要；
}

截屏

---

因此，正如您所看到的，

todoActions

div中分配的工具提示的img标记显示在

todoDetails

div的后面。我如何才能将工具提示显示在todoDetails/todoDescription div的前面？

z-index与同级元素相关，因此，如果.todoActions的父容器（.view）位于.todoDetails之后，则为其指定高z索引将无助于您

如果不查看完整代码，则不能说100%，但我认为以下规则将起作用：

.view{
位置：相对；z指数：1；
}
.todoDetails{
位置：相对位置；
z指数：-1！重要；
}

遗憾的是，这不起作用。工具提示仍然显示在TodDetails div后面。视图中的任何内容都应该位于TodDetails中具有这些规则的任何内容之上，因此首先，检查它们是否被其他css覆盖；如果不是这样，工具提示可能会在一些奇怪的地方创建，但可能不是这样，因为默认情况下它可能有一个高的z索引。视图可能在不同的css中指定了位置或zIndex，或者类似的东西。