欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

BOOTSTRAP时间控件显示在模态框下面的bug修复_javascript技巧

程序员文章站 2022-04-12 15:41:44
...
一针见血:修改 bootstrap-datepicker.js 文件

复制代码 代码如下:

var zIndex = parseInt(this.element.parents().filter(function(){
return $(this).css('z-index') !== 'auto';
}).first().css('z-index')) +10;

将+10改为+99999999;

原因:z-index是设置元素的堆叠顺序,从负到正表示从下到上堆叠,这里使用css方法将z-index设置为10,并且为行内样式,用样式表是无法修改的

总结:方法很简单,查找原因的过程却很复杂,这里也是查找了很久,才找到比较简单的解决办法,有相同需求的小伙伴参考下吧,希望大家能够喜欢。