CSS位置绝对Z索引问题

我有一个使用div的表单，它位于一些输入元素上。出于某种原因，这些输入元素位于定位的div之上，即使div具有较高的z索引。我真的不知道为什么会发生这种情况，因为输入字段甚至不使用绝对定位，所以我认为它们永远不会位于另一个元素的顶部

示例（单击进入人员、状态或居住字段）：

---

看起来您甚至不需要为.item.answer选择器设置高堆叠顺序，至少在Gecko引擎中是这样。尝试删除位置和z索引，看看它是否与x浏览器一致

编辑：啊，我忘了我已经应用了position:相对于div.item元素，你能在它显示时尝试切换它，在隐藏时取消设置它吗

---

该或离开位置：通过外部CSS在所有div.items上设置相对位置，并在弹出内容时将z-index切换为“2”，在隐藏内容时将其切换回自动状态。

z-index是解决方案，但在youtube movie iframe上无法正常工作，为此，您必须使用wmode='transparent'

我从.item.answer中删除了z-index:1000，这就成功了。不知道它为什么会出现在那里…看起来IE7仍然存在问题。既然它在Safari/FF中已经修复，就必须在IE7中修复它。想法？你选择了哪种解决方案？您是否应用了相对于div.items的位置？如果是这样的话，当弹出窗口出现时，尝试将z索引切换到更高的位置。我也没有这样做。我刚刚从.item.answer中删除了z索引。现在我的重点是让div显示在IE7中输入元素的上方。尝试添加位置：相对，但似乎没有帮助。