为什么 chrome 在使用背景颜色时会显示奇怪的颜色伪像？

Question

当我尝试使用 CSS 添加纯色到 body 标签时，我得到一个奇怪的黑色方块，我不知道它来自哪里。

我尝试用谷歌搜索这个问题，但没有找到任何答案。我之前确实在这里找到了一个堆栈溢出线程 - 这是 5 年前的事，而且没有答案： CSS 背景颜色在谷歌浏览器中给出奇怪的结果

预览：

HTML：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>My Boilerplate</title>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <p>Hello world</p>
    </body>
</html>

CSS：

body {
    background: brown;
}

我尝试在 safari 中加载页面，但没有发生，所以这一定是 chrome 问题 - 有没有办法解决这个问题？这是一个已知问题吗？

编辑：

它显示在 2015 年末的 iMac (macOS Monterey) 上
在 2015 年中的 MacBook Pro (macOS Mojave) 上不显示
iPad 上不显示
iPhone 中不显示

Answer 1

为你找到了这个！

https://bugs.chromium.org/p/chromium/issues/detail?id=633805

如果您将其粘贴到地址栏中，它将解决您的问题:)

chrome://flags/#enable-gpu-rasterization

为什么 chrome 在使用背景颜色时会显示奇怪的颜色伪像？

问题描述投票：0回答：1

1个回答

最新问题

为什么 chrome 在使用背景颜色时会显示奇怪的颜色伪像？

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1