我有一个表单，它使用位于某些输入元素上方的 div。出于某种原因，这些输入元素位于定位的 div 之上，即使 div 具有高 z-index。真的不确定为什么会这样，因为输入字段甚至不使用绝对定位，所以我认为它们永远不会在另一个元素之上。
示例(单击进入人员、身份或居住地字段): http://www.puc.edu/puc-life/funnybook/little-black-funnybook
最佳答案
看起来您甚至不需要为 .item .answer 选择器设置高堆叠顺序，至少在 Gecko 引擎中是这样。尝试删除位置和 z-index 并查看它是否与 x-browser 一致？
编辑:啊，我忘了我已经应用了 position:relative 到 div.item 元素，你能尝试在它出现时切换它并在你隐藏它时取消设置吗？
或者通过外部 CSS 在所有 div.items 上保留 position:relative 并在内容弹出时将 z-index 切换为“2”，在隐藏时切换回 auto。
关于CSS Position Absolute Z-Index 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1451994/