打印

[求助] 模拟select表单元素时出现的z-index问题

我想模拟出select表单元素,但是出现了这样的问题,当第二行出现了同样的div.select时,上面的div.optionGroup就被下面的div.select遮住了,而且只有IE会出现这样的问题。

估计是div.select设置了position:relative时就自动赋以了z-index属性,并且html靠后的z-index高于html靠前的z-index。

现在难以找到合适的方案来解决这个问题,我不能在每个div.select上去设置z-index。

 提示:您可以先修改部分代码再运行
从容不易
删除.select的relative, .optionGroup从absolute换到relative呢?
我是冷场王......╮( ̄⊿ ̄")╭
sorry,我这里div.select的relative是不能删除的,它还有其他的作用:定位其他浮动层的基线。
从容不易
非常感谢海狸提供的思路,非常感谢。
只是问题还是没得以解决。
从容不易

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
是想要这种效果吗?

 提示:您可以先修改部分代码再运行

TOP

呃,不是,我是要div.select不要挡住div.optionGroup。
从容不易

TOP

顶上去一下,求高手赐教。
从容不易

TOP

我做的div.select没有挡住div.optionGroup啊。

TOP

想过。。。好像没办法解决 js 也不行。。。。z-index方面还真没其他方法替代的!!期待解决方法。。不过想说一声,我没见过同时获得焦点的select的。。你确定你是在模拟select??

TOP

引用:
原帖由 sliwen 于 2008-9-25 20:27 发表
我做的div.select没有挡住div.optionGroup啊。
那麻烦你发一下你的源码好么?
从容不易

TOP

引用:
原帖由 Elking 于 2008-9-26 02:24 发表
想过。。。好像没办法解决 js 也不行。。。。z-index方面还真没其他方法替代的!!期待解决方法。。不过想说一声,我没见过同时获得焦点的select的。。你确定你是在模拟select??
我确定我是在模拟select,抱歉我不懂JS,所以不太明白"我没见过同时获得焦点的select的"是什么意思。
从容不易

TOP

额 意思就是没见过能够同时打开多个select .....
一般的select 都是选择完就立刻恢复原貌。。。从而不会出现上面一个select打开导致要打开的下面一个select看不见的情况

TOP

哦我这里的意思也是会恢复,我不是指下面的div.optionGroup挡住上面的div.optionGroup了,而是指div.optionGroup被下面的div.select挡住了。
从容不易

TOP

用relative这个问题是没有办法的,就像你说的那样,IE<=7(IE8已修正)下,相对定位对象自动被赋予z-index值,无法超越。
结合JS可以,但对于页面效率来说,不是很好的选择。

[ 本帖最后由 hgx127 于 2008-9-28 15:57 编辑 ]

TOP