bootstrap模态框遮挡原来的元素导致的bug

 

bootstrap自带的模态框，可以实现点击弹窗，里面是自己写的html，使用方式是在html文件里加入以下代码

• 在相应的div里面写自己的代码
• 使用前要先引用jquery

<!--第1层：模态框的声明-->
  <div class="modal fade">
    <!--第2层：窗口的声明-->
    <div class="modal-dialog">
      <!--第3层：内容的声明-->
      <div class="modal-content">
        <!--内容声明的标题-->
        <div class="modal-header">
        </div>
        <!--内容声明的body-->
        <div class="modal-body">
        </div>
        <!--内容声明的footer-->
        <div class="modal-footer">
        </div>
      </div>
    </div>
  </div>

然后只要在js文件里使用以下代码控制模态框的显示和隐藏（默认是隐藏状态）

 $(".modal").modal('hide');//隐藏
 $(".modal"