bootstrap 模態框彈出時被遮罩層擋住了是設置錯誤造成的,解決方法為:
1、打開WebStorm開發工具,新建‘test.html’文件,並在文件同級目錄安裝部署Bootstrap相關文件,目錄結構如下圖。
2、在‘test.html’中寫如下代碼。
3、網頁查看效果如下圖,這時點擊按鈕還沒有相應,因為沒有對應的代碼。
4、修改‘test.html’代碼如下。
5、網頁查看效果,點擊按鈕,可以正常彈出模態框,點擊網頁其他位置模態框消失。
6、在模態框上增加取消按鈕,點擊取消後模態框消失,代碼如下。