iOS的10模糊滤镜CSS

我有一个响应的Web应用程序，其中包括一些模糊的图像（使用模糊滤镜），从这里遵循的一切完美的工作，直到我做了我的iOS更新到版本10iOS的10模糊滤镜CSS

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

.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;}

感谢，

来源

2016-09-16 poa

你能表现出一定的代码？ –

您遇到什么问题？ – jtbandes

模糊效果没有显示出来 - 从iOS 10的iPhone和iOS的iPhone上尝试以下网址：http：//lmpapp.herokuapp.com然后你会看到问题清楚 – poa

我的一些用户遇到了我的混合移动应用中的同样的问题，模糊CSS属性不被IOS10原因不明处理。

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

我没有一个IOS10，但你可以尝试与物业：

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

来源

2016-09-19 09:21:17 Gigalink

这很难过......那里应该是这个问题的解决方法，我希望如此 – poa

我编辑了我的答案，也许你可以尝试使用css属性：-webkit-backdrop-filter：blur（10px）; backdrop-filter：blur（10px）;它似乎只适用于safari。 – Gigalink

背景为我工作 - 非常感谢 – poa

iOS的10模糊滤镜CSS

回答

相关问题