溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
上篇我提到的‘多彈窗之疊加顯示不出彈窗問題'
這里也會遇到一次性關閉所有modal引起陰影遮罩的問題，也就是所有modal都關閉了，但是主頁面仍然被陰影遮罩.
這個問題從哪來的，是因為modal疊加，我們點擊窗口之外的空白部分，一次性關閉所有model，但是modal自己生成的'.modal-backdrop'只關閉了一個，其余的依然存在， 導致陰影遮罩.
這里的解決辦法是
1.第一種禁用modal 點擊空白自動關閉的功能。
tempModal.modal({
backdrop:"static"
})
也就是只能點擊關閉按鈕，一層一層關閉，避免發生多層關閉的問題。
2.第二種在最外層的modal關閉時，手動刪除所有遮罩
$（"#tempModal"）.bind('hide.bs.modal',function(){
$(".modal-backdrop").remove();
})
這里好處是，保留了點擊空白自動關閉的功能
以上所述是小編給大家介紹的Bootstrap modal 多彈窗之疊加關閉陰影遮罩問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
