新的 Chromium 更新搞砸了背景，添加了奇怪的线条-解网

问：

最近我创建了我的网站，直到昨天的 chromium 更新之前一切都很好。我的网站如下所示：

为了渲染这样的背景，我使用了以下代码（tailwind、nextjs、react）：

    return (
        <html lang="en" className="!scroll-smooth">
            <body className={`${montserrat.className} pt-28 sm:pt-36 bg-gray-300 dark:bg-devil`}>
                <div className="bg-[#fbe2e3] dark:bg-[#671f91a8] absolute top-[1rem] -z-10 right-[11rem] h-[31.25rem] w-[31.25rem] rounded-full blur-[10rem] sm:w-[68.75rem]"></div>
                <div className="bg-[#dbd7fb] dark:bg-[#48457c] absolute top-[9rem] -z-10 left-[-35rem] h-[31.25rem] w-[50rem] rounded-full blur-[10rem] sm:w-[68.75rem] md:left-[-33rem] lg:left-[-28rem] xl:left-[-15rem] 2xl:left-[-5rem]"></div>

                <ThemeContextProvider>
                    <ActiveSectionContextProvider>
                        <Header />
                        {children}
                        <Footer />

                        <Toaster
                            position="top-right"
                            containerStyle={{
                                top: "5rem",
                            }}
                        />
                        <ThemeSwitch />
                    </ActiveSectionContextProvider>
                </ThemeContextProvider>
            </body>
        </html>
    )

在上次 chromium 更新后，没有任何代码更改，我的网站 bg 看起来像这样......

有谁知道这是否是铬错误，或者我是否可以以某种方式修复它？我尝试将宽度调整为 100% 等，但它对这些线条没有影响，因为只有在使用模糊的 bg 时才会出现，如果有实线 bg 线是不可见的。

css reactjs google-chrome tailwind-css chromium

新的 Chromium 更新搞砸了背景，添加了奇怪的线条

New Chromium Update Messes Up Background Adding Strange Lines

评论