blur - iOS 10 模糊滤镜 css

Question

我有一个响应式 Web 应用程序，其中包含一些模糊图像(使用模糊滤镜)，从这里开始一切正常，直到我将 iOS 更新到版本 10。

任何解决此问题或模糊过滤器的类似问题的想法都可以帮助我，我们将不胜感激？

.caption-container {
height: 70px;
left: -3px;
background-size: cover;
background-position: 0 56px;
-webkit-filter: blur(8px);
filter: blur(8px);
width: 270px;
margin-top: -70px;
z-index: -1;
position: inherit;
overflow: hidden;}

谢谢，

Answer 1

我的一些用户在我的混合移动应用程序中遇到了同样的问题，由于未知原因，IOS10 不处理 blur css 属性。

在我的例子中，它没有模糊，而是使整个 div 变白。

我没有 IOS10，但你可以试试这个属性吗:

-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);