博客主要讲述使用Bootstrap模态框插件时，出现弹出框和背景一起变暗，似被遮在mask下的问题。经分析考虑z - index优先级关系，发现遮罩层.modal - backdrop的z - index为1040，后续给出了解决办法。
使用bootstrap模态框插件出现弹出框和背景一起变暗的问题。
看起来就像弹出框被遮在了mask下面，考虑z-index优先级关系。可以看到遮罩层.modal-backdrop的z-index: 1040;
解决办法：设置
.modal-dialog {
z-index: 10000!important;
}
修改完成：
bootstrap模态框插件-弹出框变暗问题
使用bootstrap模态框插件出现弹出框和背景一起变暗的问题。
看起来就像弹出框被遮在了mask下面，考虑z-index优先级关系。可以看到遮罩层.modal-backdrop的z-index: 1040;
解决办法：设置
.modal-dialog {
z-index: 10000!important;
}
修改完成：
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
