Chrome 渲染问题 - 弹出背景覆盖上的白点答案

【问题标题】：Chrome rendering issues - White spots on popup background overlayChrome 渲染问题 - 弹出背景覆盖上的白点
【发布时间】：2017-10-10 02:29:06
【问题描述】：

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

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

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

addPopupHTML 是表单的 HTML。

【问题讨论】：

@JaromandaX 非常感谢您提供任何参考。我不知道第 37 行是什么。谢谢。
我的错，我以为你在帮助我。我知道这是我的代码要求提供修复线索的原因。
谢谢。我已经用 bootbox 的代码段更新了我的问题。
那么，只有当bootbox.dialog 可见时才会发生？其中的内容是addPopupHTML（我假设 var 仅包含非常基本的 HTML）-
是的，只是基本的 HTML 表单。这个问题最近开始发生，没有代码更改

标签： javascript css google-chrome user-interface rendering

【解决方案1】：

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

问题在于背景覆盖。如果隐藏 .modal-backdrop.fade.in，斑点也会消失。

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

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

这会导致关闭模式时出现某种奇怪的闪光，但至少它有助于消除白点

【讨论】：

【解决方案2】：

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

【讨论】：