html - z-index 在 IE 中工作，但在 Edge 中不起作用

Question

我有一个 div，附加了一个 css 类，该类定义了 z-index。这对于 chrome 和 firefox 来说工作得很好，但对于 IE 来说却不行。我必须把position:relative于IE。但同样的方法不适用于边缘。 Edge 没有任何作用。

我有一个类似按钮的东西，当单击两个元素时，它会打开，一个元素与另一个元素重叠。我想要位于顶部的一个 z-index 为 50，另一个为 20。

我是否需要在 z-index 旁边添加一些其他属性才能在边缘工作？

<div class="abc">
...
</div>

.abc{
z-index: 10;
}

我仅在边缘方面遇到问题。

Answer 1

z-index 属性仅适用于位置值不是静态的元素(例如position:absolute;、position:relative;或position:fixed)。

还有position:sticky；在 Firefox 中受支持，在 Safari 中带有前缀，在旧版本的 Chrome 中以自定义标记运行过一段时间，并且 Microsoft 正在考虑将其添加到其 Edge 浏览器中。

感谢埃弗特