ie6下select挡住二级菜单解决方案

作者:林炜贤来源:www.163css.com发表时间:(2010-12-14)

我奋斗了一个上午,搞来搞去,还是没能搞出一个完美的方案,只能是通过脚本实现二级菜单出现时select消失,当然,iframe的作用是巨大的,在ie6下它的级别高于select,而select作为windon级别的元素,div是没办法挡住它的,尽管你写了多少z-index。

事实上,关于ie6下二级菜单被挡住的问题估计让大家痛苦了6年以上吧,但最好的解决方法就是将它的位置和二级菜单错开。

然而,我们的设计师非常喜欢将select作为搜索的选择框,并且将它位于二级菜单下面,作为页面制作者,我们就非常地难受了。

我今天提供的这个方案,只能作为了学习用的材料了,iframe可以挡住select,脚本实现下拉div出现时iframe消失。

以下是没有采用iframe时在ie6下的表现:

以下是采用了iframe后的表现:

但我总是觉得应用的意义不大,加上那么多代码不如将select的位置移到地方,对不?

以下我提供源代码,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/css/201012/ie6select/index.html

下载地址:ie6下select挡住二级菜单解决方案.rar

返回作者主页:www.163css.com阅读 (6777)
更多 1