关于bootstrap 弹窗——点击空白处禁止关闭弹窗

最新推荐文章于 2024-07-30 17:58:40 发布

fly_away5

最新推荐文章于 2024-07-30 17:58:40 发布

阅读量3.3k

点赞数 1

分类专栏： modal 文章标签： modal

本文链接：https://blog.csdn.net/fly_away5/article/details/51890191

版权

本文介绍了两种防止Bootstrap弹窗在点击背景时关闭的方法。第一种是通过设置`backdrop: static`和`keyboard: false`，但可能导致刷新后弹窗自动显示。第二种是在模态框div中添加特定CSS类，实现既能阻止关闭又避免刷新后自动弹出的问题。

摘要由CSDN通过智能技术生成

关于bootstrap 弹窗——点击空白处禁止关闭弹窗
点击空白处阻止弹窗关闭目前遇到两种解决方法
比如弹窗html页面代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>modal</title>
<style type="text/css">
.pa{
    position:absolute;
}
.pr{
    position:relative;
}
.modal-header .close {
    margin: -5px 3px 0px 0px;
    font-size: 32px;
    border: none;
    background-color: #fff;
    float: right;
}
.structure-indraw{
    width:150px;
    height:150px