提供网站制作、程序开发、内容采编、网站维护、等一条龙服务 服务热线：0571-85800985

作者: insun lee 来源: 2009-08-13

在IE6或更低的版本下，默认select表单的z-index，iframe等是最高的，因此动态弹出的div窗口无论你设置的z-index有多高都没用，一定遮不住select表单。这破坏的界面美观，有些文字或者重要的信息如果刚好久在select上，这回被遮盖。基于jquery框架下的bgiframe可以解决这个问题。
不过如果你不想使用bgiframe也可以自己通过写代码来处理。我的处理办法是在弹出窗口的时候把页面所有的select表单隐藏掉，虽说不上是好办法，但使用起来也还算方便。我开发的系统js框架一般采用jquery，因此下面给出两段代码来解决这个问题：

1、隐藏所有的select表单：

//隐藏表单
function hide_select()
{
 $('select').each(function(){$(this).hide()});
}

 

//显示表单
function show_select()
{
 $('select').each(function(){$(this).show()});
}

这样只要在弹出窗口的时候调用hide_select()就可以把本页下的所有表单隐藏掉。不过记得在关闭窗口的时候要记得调用show_select()来还原之前被你隐藏掉的下拉表单

• 标签:
• jquery
• bgiframe

上一篇 : IE6下链接中的JS onclick触发事件
下一篇 : freebsd下安装php-fpm和配置