去除 bootstrap 彈出框背景變暗的效果

guile發表於2019-02-28

修改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" >

 

相關文章