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

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

将这里的z-index属性改成99999999,z-index 属性是设置元素的堆叠顺序的。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。因为本来multiselect的z-index比bootsrtap模态框的z-index要小,所以无法显示在模态框上层,这里修改之后,就可以解决这个bug。其他控件的这种情况以此为例修改。

相关文章:

  • 2022-01-05
  • 2021-11-24
  • 2022-12-23
  • 2021-09-05
  • 2022-12-23
  • 2021-07-25
  • 2022-01-05
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-07-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案