时间戳

首页 > 解决方案 > Chromium(brave) 浏览器上的 CSS 模糊效果不同

html - Chromium(brave) 浏览器上的 CSS 模糊效果不同

问题描述

我试图在radial-gradient背景上使用模糊效果，结果在除 Chromium（勇敢）之外的所有浏览器中都是相同的，我也在 Windows 上进行了测试

Opera 80.0.4170.63 Linux

在此处输入图像描述

勇敢的 1.31.87 Linux | 铬 95.0.4638.54 Linux

在此处输入图像描述

代码：

.background {
  position: absolute;
  width: 100%;
  height: 500px;
  background-image: radial-gradient(red, white);
  filter: blur(254px);
}
<div class="container">
  <h1>Hello World</h1>
  <div class="background"></div>
</div>

我首先在勇敢者上进行了测试，然后意识到它在铬上是同样的问题，因为勇敢者正在使用它。在 Firefox、Chrome 和 Opera 上并非如此。

没有不同的供应商为勇敢或铬更改 CSS 样式，我该如何解决这个问题？

标签： htmlcssuser-interfacechromiumbrave

解决方案

检查是否可以在本网站的特定浏览器中使用“径向渐变”。 https://caniuse.com/?search=radial-gradient

推荐阅读