Html `背景过滤器:blur()`在MacOS上使用Google Chrome会导致不需要的瑕疵
我和我的团队在使用谷歌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上 在我寻找答案的过程中,我发现了这篇文章: 背景过滤器可能会导致许多错误,可能比您在本问题中发现的错误还要多。这可能不值得使用,因为它仍然是实验性的,并且无论如何都没
.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的任何工件