Html 单击Onclick弹出窗体时，窗体将变得模糊

每当我试图点击按钮，弹出的表单就会变得模糊，我试图解决这个问题，但我无法找出确切的问题。请在下面找到我使用过的代码：

  <button class="btn btn-default" data-toggle="modal" data-target="#myModal">ENQUIRE NOW</button>
      
       <div class="modal" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">
      
        
        <div class="modal-header">
    <div class="container">
    <div class="row bnm ">
        <div class="col-md-3 cnt">
            <div class="contact-info">
                <img src="https://image.ibb.co/kUASdV/contact-image.png" alt="image"/>
                <h2>Contact Us</h2>
                <h4>We would love to hear from you !</h4>
            </div>
        </div>
        <div class="col-md-9 cccn">
            <div class="contact-form">
                <form action="send.php" method="post">
                <div class="form-group">
                    
                  <label class="control-label col-sm-2" for="fname"> Name:</label>
                  <div class="col-sm-10">          
                    <input type="text" class="form-control" id="fname" placeholder="Name" name="fname" required>
                  </div>
                </div>
            
                <div class="form-group">
                  <label class="control-label col-sm-2" for="email">Email:</label>
                  <div class="col-sm-10">
                    <input type="email" class="form-control" id="email" placeholder="Enter email" name="email" required>
                  </div>
                </div>
                <div class="form-group">
                  <label class="control-label col-sm-2" for="phone">Mobile:</label>
                  <div class="col-sm-10">
                    <input type="phone" class="form-control" id="mobile" placeholder="Mobile number" name="mobile" required>
                  </div>
                </div>
                <div class="form-group">
                  <label class="control-label col-sm-2" for="comment">Comment:</label>
                  <div class="col-sm-10">
                    <textarea class="form-control" placeholder="Text" rows="5" name="comment" id="comment"></textarea>
                  </div>
                </div>
                <div class="form-group">        
                  <div class="col-sm-offset-2 col-sm-10">
                    <input type="submit" name="submit" class="bn btn btn-default">
                    
                  </div>
                  </form>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>
</div>

      </div>
      </div>

立即查询
联系我们
我们很想听到你的消息！
姓名：
电邮：
流动电话：
评论：

查找网站链接：

---

请在网站的最后一部分找到“立即查询”按钮。

模态模糊不清，因为它深深嵌入了其他元素中

如果你把它放在区段标记之前，就可以了

---

具有模糊效果的div元素正好位于body标记之后。

您可以添加z-index:100；如果您不想更改HTML，只需添加此CSS即可

.modal-open .modal-backdrop.show,
.modal-open .modal-backdrop.in  {
   display: none !important;
}

---

你要我在部分之外添加模态背景？div blur>div modalI我不明白你说的是什么，请清楚地告诉我。将myModal放在“模态背景”div class=“模态背景”div#myModal/div/div我想模态背景是从引导加载的。我没有添加任何模态背景div