z-index在IE中工作而不在Edge中工作

问题描述 投票:1回答:3

我有一个附加了css类的div,它定义了z-index。这适用于chrome和firefox但不适用于IE。我不得不把位置:相对于IE。但是同样的方法不适用于边缘。 Edge没有任何作用。

我有一个像按钮的东西,当点击两个元素打开,一个重叠另一个。我想要在顶部的那个有z-index 50而另一个有20。

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

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

.abc{
z-index: 10;
}

我有边缘问题。

html css z-index
3个回答
1
投票

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

还有位置:粘;在Firefox中支持,在Safari中加上前缀,在自定义标记下的旧版Chrome中工作了一段时间,Microsoft正在考虑将其添加到Edge浏览器中。

感谢Evert


1
投票

在我的问题中,我发现父容器元素具有负z-index,这导致所有子元素忽略其z索引。

删除负的z-index为我修复了它。


0
投票

caniuseMDN上,它表示z-index得到了两个资源管理器端边缘的良好支持。您确定没有其他冲突,资源管理器不会重新协调吗?怎么了chrome和firefox?

© www.soinside.com 2019 - 2024. All rights reserved.