我有一个附加了css类的div,它定义了z-index。这适用于chrome和firefox但不适用于IE。我不得不把位置:相对于IE。但是同样的方法不适用于边缘。 Edge没有任何作用。
我有一个类似按钮的东西,当点击两个元素打开时,一个重叠另一个。我想要在顶部的那个有z-index 50而另一个有20个。
我是否需要在z-index旁边添加一些其他属性才能让我在边缘工作?
<div class="abc">
...
</div>
.abc{
z-index: 10;
}
我遇到边缘问题。
答案 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)