Chrome渲染问题 - 弹出式背景叠加上的白点

Question

最近，很少有用户通知谷歌浏览器在用户界面上显示奇怪的白点。作为开发人员，我无法在任何计算机窗口Mac上重新生成。所有用户都抱怨此UI问题使用Windows Chrome。当我滚动或更改窗口大小时，这些白点消失并再次出现在不同的位置。非常感谢有人能给我解决这个问题的线索。

我正在使用bootbox来显示弹出窗口。

addDialog = bootbox.dialog({
      message: addPopupHTML,
      title: "Add New Employee / Worker"
    })

addPopupHTML是表单的HTML。

Answer 1

我遇到了同样的问题。这似乎与显卡驱动程序有关，因为我的客户在从Windows更新驱动程序后都遇到了这个错误。

问题在于背景叠加。如果你隐藏.modal-backdrop.fade.in，那些斑点也会消失。

我们快速而肮脏的中间件修复解决方案是将其添加到样式表中：

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

这会在关闭模态时产生某种奇怪的闪光，但至少它有助于消除白点

Answer 2

尝试升级到chrome版本62.我在使用jQuery动画显示模态背景时遇到了同样的问题。现在，通过升级我的Chrome浏览器解决了这个问题。