所以问题是:当打开弹出窗口时,我想让背景可见但模糊。我不是在问图像模糊,我是在为页面添加模糊问题,我想知道目前是否有任何仅用于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