CSS定位Absolute Z-Index问题

Question

4

我有一个表单，使用了一个覆盖在输入元素上的 div。但是，由于某种原因，这些输入元素位于定位的 div 上方，尽管该 div 具有较高的 z-index。真的不确定为什么会发生这种情况，因为输入字段甚至没有使用绝对定位，所以我认为它们永远不会在另一个元素的上面。

- Nic Hubbard

2个回答

0

z-index是解决方案，但它与YouTube电影iframe不兼容，因此您需要使用wmode ='transparent'

- wadziu

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- meder omuraliev · Accepted Answer

看起来在Gecko引擎中，您甚至不需要为.item .answer选择器设置高堆叠顺序。尝试删除position和z-index，看它是否跨浏览器一致？

编辑：啊，我忘记我已经将position:relative应用于div.item元素了，请在显示时切换它并在隐藏时取消设置吗？

要么通过外部CSS在所有div.items上保留position:relative，并在弹出时将z-index切换为“2”，在隐藏时切换回auto。