小编Ric*_*Dao的帖子

我目前正在开发一个需要backdrop-filter使用其模糊功能的网站。一切都按预期进行：

\n
• 适用于 Windows 和 MacOS 的 Chrome
\n
• 适用于 iOS 和 MacOS 的 Safari
\n

据我所知，并非所有浏览器都支持backdrop-filter，这就是为什么我没有提及 Firefox。\n但是，该代码似乎不适用于 iOS 版 Chrome。作为参考，对于 Chrome IOS，我运行的是版本 87.0.4280.77。

我检查了“caniuse.com”，似乎应该支持该效果（https://caniuse.com/?search=backdrop-filter供参考）。

下面是简短的 HTML：

<div class="blur">\n    <h1>My Resume</h1>\n      </div>\n          <div class="blur">\n    <h2>\xe2\x80\x9cInnovation distinguishes between a leader and a follower\xe2\x80\x9d \xe2\x80\x95 Steve Jobs</h2>\n      </div>\n

这是相应的 CSS：

.blur::before{\n    backdrop-filter: blur(2px) contrast(0.6);\n    -webkit-backdrop-filter: blur(2px) contrast(0.6);\n    width: contain;\n    border-radius: 4px;\n    padding: 0.3rem;\n    \n}\n.blur {\n    backdrop-filter: blur(2px) contrast(0.6);\n    -webkit-backdrop-filter: …