去除 bootstrap 彈出框背景變暗的效果
修改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提示和彈出框boot
- bootstrap中的模態框(modal,彈出層)boot
- 使用jquery製作彈出框效果jQuery
- Bootstrap modal模態框彈出瞬間又消失boot
- bootstrap-彈框問題-居中boot
- bootstrap – 彈出層boot
- bootstrap和bootstrap-select去除藍色邊框outlineboot
- 去除iOS系統中彈框顯示URL的問題
- div css背景漸變效果CSS
- VC實現螢幕變暗效果 (轉)
- 【qml】一個圖片hover彈出滑框說明資訊效果
- input文字框焦點背景變色
- 彈框(DialogFragment)中頭像凸出效果Fragment
- 小程式底部彈框 類似picker效果
- 自定義popup彈出框
- android中popupwindow彈出後,螢幕背景變成半透明Android
- jquery 彈出登陸框,簡單易懂!修改密碼效果程式碼jQuery密碼
- jQuery拖拽的彈出層效果jQuery
- iOS 背景圖層的顏色漸變效果iOS
- jQuery背景色漸變動畫效果jQuery動畫
- Bootstrap的datetimepicker預設自動開啟彈框(js中開啟彈窗)bootJS
- 小程式中button的邊框無法去除 button邊框如何去除
- vux和iview的彈出框總結UXView
- C#獲得彈出框的值C#
- 彈出框外掛layer使用
- js漸變彈出視窗和關閉視窗效果JS
- rembg 去除背景的 python工具REMPython
- 第 16 章 彈出框和警告框外掛
- javascript點選彈出可以關閉帶有灰色背景彈出層JavaScript
- CSS滑鼠懸浮行背景變色效果CSS
- css滑鼠懸浮div背景變色效果CSS
- javascript網頁背景顏色漸變效果JavaScript網頁
- CSS背景色漸變效果程式碼CSS
- css樣式背景顏色漸變效果CSS
- JavaScript 動畫方式彈出圓角框JavaScript動畫
- JSP/HTML頁面彈出框JSHTML
- SVProgressHUD安卓彈出框資訊彙總安卓
- 【Swift】彈出日曆選擇框Swift