CSS位置绝对Z指数问题

时间:2009-09-20 20:58:27

标签: css z-index

我有一个使用div的表单,该div位于某些输入元素上。由于某种原因,即使div具有高z-index,那些输入元素也位于定位的div之上。真的不确定为什么会这样,因为输入字段甚至不使用绝对定位,所以我认为它们永远不会在另一个元素之上。

示例(点击人员,状态或住所字段): http://www.puc.edu/puc-life/funnybook/little-black-funnybook

2 个答案:

答案 0 :(得分:3)

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

编辑:啊我忘了我已经应用了位置:相对于div.item元素,你可以尝试在显示时切换它并在隐藏它时取消设置吗?

通过外部CSS在所有div.items中保留或离开位置:当弹出窗口时将z-index切换为'2',并在隐藏时将其切换回自动。

答案 1 :(得分:0)

z-index是解决方案,但它对youtube电影iframe不起作用,因为你必须使用wmode ='transparent'