Javascript 引导模式赢得'；t如果其父容器的位置设置为固定，则不显示

我有一个引导模式，我用它作为指导

我想将其固定在视口的右上角，因此我使用

fixed

位置。但此设置会使模式变为灰色

如果我使用

绝对

位置设置，模式显示会很好，但不会固定在移动屏幕上，因为它会随着缩放事件而移动

---

这里是小提琴：

定位元素作为层工作，

.modal background

采用

z-index-1040

和您的

。如果您想在
上面显示它，容器
处于
z-index:0
状态。modal background
您需要设置
容器的
z-index
大于
1040
，在您的情况下，
1041
或更多

.container {
  z-index:1041;
}

最简单的解决方案。正如我在下面所做的那样，只需将您的模型放在容器div的外面

模式标记放置


始终尝试将模态的HTML代码放在文档的顶层位置，以避免其他组件影响模态的外观和/或功能

以上内容的参考是


.container{
位置：固定；
右：0；
排名：0；
}

指示
&时代；
模态头
模态中的一些文本

关
@jindsay您所需要做的就是将您的模态放在主数据容器之外，否则会影响模态的Z索引。请看下面的代码。我希望你也有同样的期待


.container{
位置：固定；
右：0；
排名：0；
}

指示
&时代；
模态头
模态中的一些文本

关
为什么不直接修复按钮而不是整个容器？模式不是按钮位置的一部分，为什么不使用引导的
弹出框
组件来实现这些功能？它们应该是类似的方法您想简单地将您的
模态
放在
右上角
吗？添加此代码，
.modal.modal对话框{右边距：0；右边距：6px；}
。