所以問題是:當打開彈出窗口時,我想讓背景可見但模糊。我不是在問圖像模糊,我是在爲頁面添加模糊問題,我想知道目前是否有任何僅用於CSS的解決方案?在IE11中有背景模糊的CSS嗎?
還有其他類似的問題,但其中一些要求任何解決方案,包括javascript解決方案,而其他人搜索圖像模糊,而不是背景模糊,其他人都很老,所以也許有一些新的CSS瀏覽器特徵。
沒有其他問題在stackoverflow中只有ie11的CSS解決方案才能解決我所問的問題。
非CSS解決方案,我所知道的是:
- 它使用JavaScript使用像http://quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
- 庫要使用庫,例如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');
這將是非常好的,得到來自微軟的人作出正式答覆,這是不可能的,如果是這樣的案件。
模糊頁面,但其中一個元素意味着將頁面內容設置爲您模糊的常見包裝,並讓此其他元素成爲同義詞而不是孩子。對於具有正確前綴的舊IE篩選器工作IE5t o 9 –
@GCyrillus我知道這是我做了什麼,我對上面的代碼適用於除IE11以外的所有瀏覽器,這就是爲什麼我問這個計算器的問題。 我需要一種方法來添加模糊,你正在談論哪些將在IE11中工作的通用包裝,我更喜歡只用css的解決方案。 –
@GuyL。你有沒有找到解決方案? – swenedo