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);

iOS 10 个模糊滤镜 css

iOS 10 blur filter css

blur

ios10