2016-06-11 20 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

回答