修改bootstrap.css这个文件的 .modal-backdrop
将原来的
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
改为
.modal-backdrop {
opacity: 0 !important;
filter: alpha(opacity=0) !important;
}
另外,弹出框的关闭样式:
设置 data-backdrop="true" 单击背景时,弹窗关闭
设置 data-backdrop="static" 单击背景时,弹窗 不 关闭
设置 data-backdrop="false" 不存在背景,且单击背景时弹窗 不 关闭
例子: <div id="grantAuthorityModal" class="modal inmodal fade" tabindex="-1"
role="dialog" aria-hidden="true" data-backdrop="true" >
本文介绍如何修改Bootstrap的模态框背景透明度,通过调整.modal-backdrop的CSS属性实现完全透明效果。同时,讲解了不同data-backdrop属性值的作用,包括背景点击关闭、禁止关闭及移除背景。
2495

被折叠的 条评论
为什么被折叠?



