JavaScript-ie6下 如何实现弹出的div窗口无法覆盖select下拉列表

WP主题讨论 WP主题讨论 主题:1013 回复:2239

JavaScript-ie6下 如何实现弹出的div窗口无法覆盖select下拉列表

夜无邪 发布于 2017-08-21 字数 120 浏览 1195 回复 6

如题,在其他浏览器不出现这样的情况:当我js弹出一个div窗口时,如果下面有select下拉列表就无法覆盖,这个怎么解决呀!

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(6

清晨说ぺ晚安 2017-10-22 6 楼

可以在当前页面和弹出层之间加一个iframe层就可以遮住当前页面的select,iframe层的大小和弹出层的大小一样,还可以当弹出层出现后让select框隐藏,关闭弹出层后在让select框出现,看下这个

夜无邪 2017-10-06 5 楼

老兄还是别纠结了,这哥们写的这个真的很好用,我一直在‘借花献佛’,推荐给你,你的问题都能解决,而且相当灵活,这是下载地址:
http://xu.sentsin.com/download/jQuery-plugin-layer-0.3.rar

偏爱自由 2017-10-03 4 楼

这个应该可以通过设置 CSS 的 z-index 属性来解决

偏爱自由 2017-09-23 3 楼

这个问题只有三种解决方法:

div套个iframe以遮挡住select
用JS动态重写select,使其由一个select控件变为div或者ul之类模拟的下拉菜单
用flash模拟select

目前大部分网站使用第二种方法解决问题

瑾兮 2017-09-18 2 楼

比select下拉框的优先级高的只有iframe层,要么自定义弹出框,要么自定义下拉框!

偏爱自由 2017-09-10 1 楼

很多弹出框插件都已经做了兼容性的处理了,建议使用比较成熟的方案。
个人推荐使用artDialog,提供普通版本和jQuery版本,中文文档,使用也比较简单。

使用示例:

// 普通调用
$.dialog({content:'hello world!'});

// 使用选择器方式,此时自动使用绑定了live click事件,同时启用follow模式
$('#main .test').dialog({content: 'hello world'});

地址:
www.planeart.cn/demo/artDialog/