Ios 如何按设备更改背景颜色使-webkit背景过滤器可用？

我绝对喜欢Webkit背景过滤器的外观，我对CSS和HTML还不熟悉，但我知道背景过滤器只在Safari上可用，Safari在浏览器中并不多见。我想知道如何使不支持背景过滤器的设备默认为不透明背景。下面是一个例子，如果我想让具有背景过滤功能的设备的用户看到

.background{background:rgba(255,255,255,0);-webkit-backdrop-filter: blur(10px);}

以下是我希望没有支持背景过滤功能的设备的用户看到的内容：

.background{background:rgb(255,255,255);}

---

我将使用什么编码来实现这一点？

只需使用“支持媒体”查询来检查浏览器是否支持该技术

在您的情况下，应该这样看：

.background {
    background: rgba(255, 255, 255);
}

@supports ((backdrop-filter: blur(10px))) or (-webkit-backdrop-filter: blur(10px)) {
    .background {
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }
}