2016-06-11 68 views
4

所以問題是:當打開彈出窗口時,我想讓背景可見但模糊。我不是在問圖像模糊,我是在爲頁面添加模糊問題,我想知道目前是否有任何僅用於CSS的解決方案?在IE11中有背景模糊的CSS嗎?

還有其他類似的問題,但其中一些要求任何解決方案,包括javascript解決方案,而其他人搜索圖像模糊,而不是背景模糊,其他人都很老,所以也許有一些新的CSS瀏覽器特徵。

沒有其他問題在stackoverflow中只有ie11的CSS解決方案才能解決我所問的問題。

非CSS解決方案,我所知道的是:

  1. 它使用JavaScript使用像http://quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
  2. 庫要使用庫,例如​​html2canvas創建背景的圖像解決方案:https://github.com/niklasvh/html2canvas然後插入內聯svg中的圖像並對其應用svg濾鏡模糊。

我已經確認並驗證了IE11,沒有任何以下作品:

filter: blur(7px); 
-webkit-filter: blur(7px); 
filter: url(/images/blur.svg#blur); 
filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='7'%20/></filter></svg>#blur"); 
-moz-filter: blur(7px); 
-o-filter: blur(7px); 
-ms-filter: blur(7px); 
/* This only works for older IE. For newer IE using javascript is suggested here: http://thenewcode.com/534/Crossbrowser-Image-Blur-with-CSS */ 
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='7'); 

這將是非常好的,得到來自微軟的人作出正式答覆,這是不可能的,如果是這樣的案件。

+0

模糊頁面,但其中一個元素意味着將頁面內容設置爲您模糊的常見包裝,並讓此其他元素成爲同義詞而不是孩子。對於具有正確前綴的舊IE篩選器工作IE5t o 9 –

+0

@GCyrillus我知道這是我做了什麼,我對上面的代碼適用於除IE11以外的所有瀏覽器,這就是爲什麼我問這個計算器的問題。 我需要一種方法來添加模糊,你正在談論哪些將在IE11中工作的通用包裝,我更喜歡只用css的解決方案。 –

+0

@GuyL。你有沒有找到解決方案? – swenedo

回答