Bootstrap 如何使模态后面的页面背景变暗
[英]How does Bootstrap darken the page background behind a modal
问题描述
我似乎无法弄清楚 Bootstrap 在显示模式时如何使页面背景变暗。 我看到一个类被添加到 body 标签（modal-open），但这似乎不会影响背景。
https://getbootstrap.com/docs/4.0/components/modal/
1 个解决方案
解决方案1
1 2020-03-20 01:32:13
我用diff工具查看了模态打开和模态关闭html之间的区别并找到了答案。 当显示模态时，Bootstrap 会在关闭 body 标签的正上方插入一个空的 div：
<div class="modal-backdrop fade show"></div>
当模态关闭时，div 被删除。 .modal-backdrop.show类的不透明度值为 0.5。
所以就这样搞定了！
跟随鼠标移动透明 div - 如何使页面背景变暗但不使 div 内部变暗？
[英]Moving transparent div that follows mouse - how can I darken the background of a page but not darken the inside of the div?
打开Twitter Bootstrap模态时，如何更改查看后面页面的方式？
[英]How can I change the way I see the page behind when I open a Twitter Bootstrap modal?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.