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

时间:2018-05-03 13:45:42

标签: html css z-index

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

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

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

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

.abc{
z-index: 10;
}

我遇到边缘问题。

3 个答案:

答案 0 :(得分:1)

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

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

感谢Evert

答案 1 :(得分:1)

关于我的问题,我发现父容器元素的z-index值为负,这导致所有子元素都忽略其z-indexs。

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

答案 2 :(得分:0)

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