javascript - Chrome 渲染问题 - 弹出窗口背景覆盖上的白点

Question

最近很少有用户反射(reflect)谷歌浏览器在 UI 上显示奇怪的白点。作为开发人员，我无法在任何计算机 Windows、Mac 上重新生成。所有提示此 UI 问题的用户都使用 Windows Chrome。当我滚动或更改窗口大小时，这些白点消失并再次出现在不同的位置。如果有人能给我解决这个问题的线索，我将不胜感激。

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

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

addPopupHTML 是表单的 HTML。

Answer 1

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

问题出在背景覆盖层上。如果隐藏 .modal-backdrop.fade.in， Blob 也会消失。

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

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

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