您的位置:首页 > Web前端 > JQuery

jquery-multiselect下拉列表显示在bootsrtap模态框下层的bug修复

2017-09-16 10:53 459 查看

在bootsrtap模态框中使用jquery的multiselect控件出现下拉列表位于模态框下层的问题解决

做项目时遇到了这个问题,也从网上查找了类似的问题,有些人遇到的是bootstrap-datepicker.js日期控件显示在下层,其实道理是一样的,在控件显示的时候,会使用js生成下面的列表或日期选择框,我们需要修改生成的控件的class属性,以我遇到的multiselect为例:

在multiselect的css中,有如下class属性:



将这里的z-index属性改成99999999,z-index 属性是设置元素的堆叠顺序的。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。因为本来multiselect的z-index比bootsrtap模态框的z-index要小,所以无法显示在模态框上层,这里修改之后,就可以解决这个bug。其他控件的这种情况以此为例修改。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery 控件