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

回答

相關問題