Html `背景过滤器:blur()`在MacOS上使用Google Chrome会导致不需要的瑕疵

Html `背景过滤器:blur()`在MacOS上使用Google Chrome会导致不需要的瑕疵,html,css,google-chrome,visual-glitch,Html,Css,Google Chrome,Visual Glitch,我和我的团队在使用谷歌Chrome时遇到了这个视觉问题。 我已将视觉故障隔离到最简单的元素。用下面的代码创建一个新的.html文件,并在chrome中打开它,重新创建该故障 自2019年12月2日起,我目前使用的谷歌Chrome(78.0.3904.108版(官方版本)(64位))安装在MacOS Mojave版本10.14.6上 在我寻找答案的过程中,我发现了这篇文章: 背景过滤器可能会导致许多错误,可能比您在本问题中发现的错误还要多。这可能不值得使用,因为它仍然是实验性的,并且无论如何都没

我和我的团队在使用谷歌Chrome时遇到了这个视觉问题。 我已将视觉故障隔离到最简单的元素。用下面的代码创建一个新的
.html
文件,并在chrome中打开它,重新创建该故障

自2019年12月2日起,我目前使用的谷歌Chrome(
78.0.3904.108版(官方版本)(64位)
)安装在
MacOS Mojave版本10.14.6


在我寻找答案的过程中,我发现了这篇文章:


背景过滤器
可能会导致许多错误,可能比您在本问题中发现的错误还要多。这可能不值得使用,因为它仍然是实验性的,并且无论如何都没有完全的浏览器支持

见:

我的建议是这样做,这不是真正使用
背景过滤器:blur()
,而是具有相同的效果。或者使用该问题的其他方法。从长远来看,它将完全避免
背景过滤器
问题

对于您目前描述的问题,没有解决方法或修复方法。 请参阅有关此CSS功能的类似问题。

尝试以下操作: 背景附件:固定

它与原始html白色背景有关

以下是一个帮助我的链接:

您还可以添加一个图像示例吗?我没有看到Chrome78.0.3904.108(官方版本)(64位)MacOS10.15.1的任何工件