奇怪的故障与不透明/ bootstrap模式

Question

截至几天前，用户开始使用模态背景报告一些奇怪的图形故障。我已经在几台设备上看到它并且无法触及它的底部 - 通过检查员我可以看到Opacity正在创建故障但看起来非常不寻常。有时候在切换制表符并转到原始制表符之后，故障就不再存在了。

思考？有没有人遇到过这样的事情？ （请忽略红色删除线）

Answer 1

我在Chrome更新到61后看到同样的问题。为了解决这个问题，我暂时在模式背景上交换了rgba（0,0,0,0.5）背景的不透明度。请注意，IE8中不支持rgba后台，因此您要么想要添加备用，要么不使用该环境中的变通方法。

Answer 2

我添加了样式，它有助于避免此错误

.modal-backdrop {
  opacity: 1 !important;
  background-color: rgba(0,0,0,0.5) !important;
}

Answer 3

我也看到同样的问题（黑色方块/人工制品）（自Chrome 61以来）。我认为这是Chrome中的渲染问题。 由于它对我们的客户来说很烦人，我们正在寻找一种解决方法，但除了删除所有不透明样式之外我们还没有解决方案。

Answer 4

删除bootstrap模型中的毛刺/补丁淡出

检查模型内容中是否有边框并将其更改为无，这对我有效。

.modal-content {
    background-clip: padding-box;
    border: none;
}

Sample Image