iOS 10模糊过滤器css

Question

我有一个响应式网络应用程序，其中包含一些模糊的图像（使用模糊过滤器），从这里开始一切正常工作，直到我将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);