select框覆盖层的问题

yz20032004 2008-11-05 02:21:56

下拉菜单被select框遮住,这是为什么?

...全文

190 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

xiaojing7 2008-11-05

打赏
举报

回复

2楼很详细

Dogfish 2008-11-05

打赏
举报

回复

我是在下拉菜单的下面放个iframe。效果不错。

t88266236 2008-11-05

打赏
举报

回复

在层下面放个iframe并且让这个iframe的z-index大于下拉框小于层

cloudgamer 2008-11-05

打赏
举报

回复

可以看看我是怎么做的

cceon 2008-11-05

打赏
举报

回复

好像浏览器都是这样的

有一个办法，可以绕过这个问题。你给SELECT定义一个ID，
当触发上面的菜单的时候，把SELECT的style.display='none';
当移出上面菜单的时候把select的style.display='inline';

先放解决方法： .select2-container--open .select2-dropdown{left:0;z-index:999999999;} 只需添加一个样式即可原理大概就是跟图层有关，具体请自行去select2和弹出层插件官网了解。我用的是layer.open和dialog弹窗插件，均能解决。并不保证能解决你们的问题，仅供参考，不喜勿喷。转自：Layer弹窗和 jquery select2 兼容问题【附源码】_wx5bffdbaf11b62_51CTO博客 ...

遇到问题在弹出的模态框中使用select2插件实现多选的功能时，点击选择框无法显示下拉列表寻找原因我发现当模态框弹出时，其他内容都被一个遮罩层遮挡住了如上图中红框显示处皆为遮罩层遮挡的位置。而使用select2弹出的下拉框是否也被遮挡了呢，我删除弹出的模态框，果然找到原因后，问题就好解决了解决方案当我们点击select2的选择框时，select2会自动在页面...

又是一周干着测试员的工作，没有任何任务安排，只得自己找bug来填充每天的日子。突然想到上次在演示的时候，看到在IE6下同事自己写的弹出提示框无法遮住select下拉选择框的问题。当时是去掉了那个下拉框来解决这个问题，但是页面还有很多地方用到这个提示框。用IE6运行一下发现很多页面都存在这个问题。后来同事说在每个页面跳用这个函数之前隐

在IE6下下拉框(select)会遮住弹出层，用样式办法暂时无法解决，包括z-index这个属性。想了一个最变态的方法：就是在层弹出的时候把下拉框给隐藏掉，用display:none属性或visable:hiddle属性;当层隐藏的时候再把下拉框给显示出来：function hiddenselect(){??? var f = document.forms[“form1″];??? if (f)?...

　　今天, 在使用layui弹出框的时候, 第一次进入select内容加载是正常的, 将弹出框关闭再次进入后select下拉框内容为空, 经排查是因为每次弹出窗口z-index都会改变, 弹出框的z-index值大于select框外div的z-index值, 导致select的内容被遮住了, 只需要控制每次弹出窗口的z-index都一样即可; 弹出框的z-index属性: 下拉框的z-...

87,993

社区成员

224,699

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章