背景coursel来自bootstrap模态

Question

我在使用我的网络应用时遇到了问题。 bootstrap模态工作非常糟糕和背景节奏Coursera图标来自模态。 这是错误image

Answer 1

z-index解决方案：

CSS z-index属性指定哪个元素彼此重叠时将保留在顶部。 Bootstrap模式可能比您的轮播更低（或设置为默认值）z-index。因此轮播导航按钮与模态重叠。

要解决此问题，请尝试在样式表的底部添加以下CSS：

.modal {
  z-index: 9999999;
}

这基本上将模态的z-index设置为比旋转木马更高的值。

的参考文献：

• http://www.w3schools.com/cssref/pr_pos_z-index.asp
• https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
• https://css-tricks.com/almanac/properties/z/z-index/