css - 元素闪烁，仅限 Chrome，仅限背景混合模式

Question

我们运行网站 www.desirio.com，它在身体上使用背景图像

background-blend-mode: luminosity

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

它看起来像这样：

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

score 1 · Accepted Answer

Chrome 无法在较大的容器上应用背景混合模式，例如

<body>

把如果关在那里，把它放到你的英雄部分

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

1 回答 1