bootstrap的模态框在谷歌浏览器被阴影遮罩问题

在谷歌浏览器测试一java web程序时,发现

1.页面启动时无阴影遮罩

2,点击登录或注册时bootstrap的模态框及整个页面均被阴影遮罩,此时过长的模态框也无法滚动。

.3.点击空白处模态框退出但整个页面依然被阴影遮罩

而在火狐,IE,Edge中均无此问题。

(1)

bootstrap的模态框在谷歌浏览器被阴影遮罩问题

(2)

bootstrap的模态框在谷歌浏览器被阴影遮罩问题bootstrap的模态框在谷歌浏览器被阴影遮罩问题

 

bootstrap的模态框在谷歌浏览器被阴影遮罩问题bootstrap的模态框在谷歌浏览器被阴影遮罩问题

尝试解决办法:

1.将z-index:1040;修改为z-index:0;

2.清除缓存并重启tomcat

修改后模态框无阴影遮罩,过长的模态框也可以正常滚动,但点击空白处整个页面仍被阴影遮罩

刷新整个页面后,尝试使用模态框的关闭按钮进行关闭,成功关闭模态框并无阴影遮罩

.bootstrap的模态框在谷歌浏览器被阴影遮罩问题

bootstrap的模态框在谷歌浏览器被阴影遮罩问题bootstrap的模态框在谷歌浏览器被阴影遮罩问题