Question

我们运营的网站www.desirio.com使用身体上的背景图像

background-blend-mode: luminosity

在Chrome中，当您将鼠标悬停在元素上时，您会看到奇怪的白线随机闪烁“某处”。当你删除bg-blend-mode时（如果用调试器试试它，请注意将其删除两次，因为它在CSS规则中两次在主体上），闪烁消失了。

看起来像这样：

我们在OSX上运行Chrome 62，但我们也看到它在其他版本上运行。

Answer 1

Chrome会在较大的容器（例如

）上应用背景混合模式

<body>

如果离开并把它放入你的英雄部分

.hero-section{
    background-blend-mode: luminosity;
}