Css 在元素上闪烁，仅限Chrome，仅限背景混合模式_Css_Google Chrome_Background Blend Mode

Css 在元素上闪烁，仅限Chrome，仅限背景混合模式

css google-chrome

Css 在元素上闪烁，仅限Chrome，仅限背景混合模式,css,google-chrome,background-blend-mode,Css,Google Chrome,Background Blend Mode,我们运行网站www.desrio.com，该网站在身体上使用背景图像，并带有 background-blend-mode: luminosity 在Chrome中，当您将鼠标悬停在元素上时，您会看到奇怪的白线在“某处”随机闪烁。当您删除bg混合模式时（如果您使用调试器尝试它，请注意删除它两次，因为它在主体上的CSS规则中存在两次），闪烁消失了看起来是这样的：我们在OSX上运行Chrome 62，但在其他版本上也出现过这种情况。Chrome在更大的容器（如 <body> 但是

我们运行网站www.desrio.com，该网站在身体上使用背景图像，并带有

background-blend-mode: luminosity

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

看起来是这样的：

我们在OSX上运行Chrome 62，但在其他版本上也出现过这种情况。

Chrome在更大的容器（如

<body>

但是英雄部分没有给我们的身体这种效果，当然，因为它是一个小得多的容器？那么我们为什么要把它“移动”到那里，它不会产生任何影响，也不会像我们现在确定的那样。

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