我有一个使用 div 的表单,该 div 位于某些输入元素上。出于某种原因,这些输入元素位于定位的 div 之上,即使 div 具有较高的 z-index。真的不确定为什么会发生这种情况,因为输入字段甚至不使用绝对定位,所以我认为它们永远不会位于另一个元素之上。
示例(点击进入个人、身份或居住字段): http ://www.puc.edu/puc-life/funnybook/little-black-funnybook
我有一个使用 div 的表单,该 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 。
z-index 是解决方案,但它不适用于 youtube 电影 iframe,因为您必须使用 wmode='transparent'