Bootstrap 模式如何改变页面的不透明度？
How does a Bootstrap modal change the page's opacity?
当打开 Bootstrap 模式（例如 the GetBootstrap modal sample）时，页面的其余部分会微妙地淡出以引起对模式的注意：
Bootstrap 如何做到这一点？似乎 class .modal-open 被添加到正文中，但这只设置了 overflow: hidden。还有什么 Bootstrap adding/changing 会造成这种效果？模态框在页面中的位置重要吗？
（这是问为什么我的模式在打开时不淡出背景的迂回方式。代码太复杂post，并且大概是我的标记或 CSS 中存在缺陷。如果我知道 Bootstrap 是如何实现不透明背景的，我也许能够调试它为什么对我不起作用。）
Bootstrap 添加一个 div 并向其添加一些 类。具有 .5 不透明度设置的黑色背景。并添加样式以将高度设置为视口/浏览器屏幕。
<div class="modal-backdrop fade in" style="height: 984px;"></div>
如果您的模式没有淡出，请检查您是否正在使用：
display:block!important /* notice !important */
当模态出现时，它会在 modal-dialog 容器之前添加一个 div 容器和 class modal-backdrop fade in。
当打开 Bootstrap 模式（例如 the GetBootstrap modal sample）时，页面的其余部分会微妙地淡出以引起对模式的注意：
Bootstrap 如何做到这一点？似乎 class .modal-open 被添加到正文中，但这只设置了 overflow: hidden。还有什么 Bootstrap adding/changing 会造成这种效果？模态框在页面中的位置重要吗？
（这是问为什么我的模式在打开时不淡出背景的迂回方式。代码太复杂post，并且大概是我的标记或 CSS 中存在缺陷。如果我知道 Bootstrap 是如何实现不透明背景的，我也许能够调试它为什么对我不起作用。）
Bootstrap 添加一个 div 并向其添加一些 类。具有 .5 不透明度设置的黑色背景。并添加样式以将高度设置为视口/浏览器屏幕。
<div class="modal-backdrop fade in" style="height: 984px;"></div>
如果您的模式没有淡出，请检查您是否正在使用：
display:block!important /* notice !important */
当模态出现时，它会在 modal-dialog 容器之前添加一个 div 容器和 class modal-backdrop fade in。