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

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

而不是模糊，在我的情况下，它只是让整个 div 变白。

我没有 IOS10，但您可以尝试使用以下属性：

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