bootstrap弹出框被模态框遮挡
2017-09-02 13:03
423 查看
在使用bootstrap框架的情况下，从模态框中调用弹出框，弹出框被模态框遮挡。
遮挡效果如下：
导致的原因之一：
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
所以出现问题可能是模态框的z-index值比弹出框的z-index值更大。
修改方式：在bootstrap的css源码中修改弹出框的值，使其比模态框的z-index值更大。
截图：
修改完成效果：
遮挡效果如下：
导致的原因之一：
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
所以出现问题可能是模态框的z-index值比弹出框的z-index值更大。
修改方式：在bootstrap的css源码中修改弹出框的值，使其比模态框的z-index值更大。
截图：
修改完成效果：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Bootstrap源码解读（第十一弹：模态弹出框）
- Bootstrap4 模态框mode 提示框data-toggle="tooltip" 弹出框 data-toggle="popover"
- bootstrap 4-标签页制作和弹出框（模态框）制作
- Bootstrap的模态框遮罩在iframe子页面弹出时不能覆盖父页面的解决方法
- bootstrap中模态框上弹出另外一个模态框
- bootstrap 弹出包含iframe模态窗口的修改
- Bootstrap 模态框(也可以说的弹出层)
- 关于【bootstrap modal 模态框弹出瞬间消失的问题】
- bootstrap-模态弹出框
- rails4使用bootstrap的模态框插件，结合ajax做出从弹出框选取内容返回给原页面的效果
- bootstrap-模态框-弹出图片
- jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
- BootStrap中的模态框（modal，弹出层）功能示例代码
- bootstrap中的模态框（modal，弹出层）
- Bootstrap 模态框(也可以说的弹出层)
- bootstrap-href触发模态弹出窗元素
- 扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
- 在iframe中使bootstrap的模态框在父页面弹出
- bootstrap删除模态框弹出并询问是否删除【通用删除模态框】
- 玩转Bootstrap（JS插件篇）-第1章 模态弹出框 :1-2 动画过渡