javascript - 如果其父容器的位置设置为固定，则 Bootstrap 模态将不会显示

Question

我有一个 Bootstrap 模式，我将其用作说明指南。

我想将它固定在视口(viewport)的右上角，所以我使用了 fixed 位置。但此设置下模态变灰。

如果我使用 absolute 位置设置，模态显示很好，但它不会固定在移动屏幕上，因为它会随着缩放事件移动。

这是 fiddle :https://jsfiddle.net/a8Lcj7rk/

Answer 1

定位元素作为图层，.modal-backdrop 采用 z-index-1040 并且您的 .container 在 z 上-index:0 如果你想在.modal-backdrop上面显示你需要设置.container的z-index大于 1040，在您的情况下为 1041 或更多。

.container {
  z-index:1041;
}