去除 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中的模態框(modal,彈出層)boot
- Bootstrap modal模態框彈出瞬間又消失boot
- 各種高效穩定的彈框效果
- 點選彈出居中使用者登入框效果
- 移動端下彈框禁止背景滑動
- Bootstrap的datetimepicker預設自動開啟彈框(js中開啟彈窗)bootJS
- 小程式底部彈框 類似picker效果
- input文字框焦點背景變色
- 【qml】一個圖片hover彈出滑框說明資訊效果
- Winfrom中怎樣可以做到這樣的彈框效果
- rembg 去除背景的 python工具REMPython
- 小程式中button的邊框無法去除 button邊框如何去除
- 點選連結背景變色效果
- vux和iview的彈出框總結UXView
- Android Dialog風格彈出框的ActivityAndroid
- sweetalert 彈出框瞬間消失
- CSS滑鼠懸浮行背景變色效果CSS
- 去除nag彈窗
- 純手畫WinForm的Alert提示彈出框ORM
- 點選彈出居中登陸框
- Button去除邊框方法
- 彈性效果網頁右側浮動框詳解網頁
- 彈框
- Bootstrap模態框(Modal)boot
- 彈框 在Avalonia中,使用系統預設的彈框
- JavaScript 動畫方式彈出圓角框JavaScript動畫
- Element-Ui元件(四十)Popover 彈出框UI元件
- 2019最佳彈窗/彈出框設計20例【附教程】
- CSS3背景漸變效果程式碼例項CSSS3
- 封裝一個的toast彈出框(vue專案)封裝ASTVue
- html + css + js 原生 彈出提示框的實現HTMLCSSJS
- Dreamweaver製作滑鼠經過圖片漸漸變暗效果教程
- 如何去除掉input的預設邊框
- 去除idea中xml黃色背景IdeaXML
- 漸變邊框文字效果?CSS 輕鬆拿捏!CSS
- BootStrap的動態模態框及靜態模態框boot
- JavaScript文字框獲取焦點彈出tipsJavaScript
- h5單頁面彈出彈窗背景滾動問題H5