在IE11中有没有css唯一的背景模糊方法?
所以问题是:我想在弹出窗口打开时使背景可见但模糊。我不是在问图像模糊,我是在问在页面中添加模糊,我想知道目前是否有css唯一的解决方案 还有其他类似的问题,但其中一些问题需要任何解决方案,包括javascript解决方案,而其他问题则搜索图像模糊,而不是背景模糊,其他问题非常古老,因此可能有一些新的css解决方案使用新的浏览器功能 stackoverflow中的其他问题都没有针对我所问问题的ie11的css唯一解决方案。 我知道的非css解决方案有:在IE11中有没有css唯一的背景模糊方法?,css,blur,css-filters,Css,Blur,Css Filters,所以问题是:我想在弹出窗口打开时使背景可见但模糊。我不是在问图像模糊,我是在问在页面中添加模糊,我想知道目前是否有css唯一的解决方案 还有其他类似的问题,但其中一些问题需要任何解决方案,包括javascript解决方案,而其他问题则搜索图像模糊,而不是背景模糊,其他问题非常古老,因此可能有一些新的css解决方案使用新的浏览器功能 stackoverflow中的其他问题都没有针对我所问问题的ie11的css唯一解决方案。 我知道的非css解决方案有: 使用javascript的解决方案使用如下库
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');
过滤器:模糊(7px);
-webkit过滤器:模糊(7px);
过滤器:url(/images/blur.svg#blur);
过滤器:url(“数据:image/svg+xml;utf9,#blur”);
-moz滤波器:模糊(7px);
-o-滤波器:模糊(7px);
-ms过滤器:模糊(7px);
/*这仅适用于较旧的IE。对于较新的IE,建议使用javascript:http://thenewcode.com/534/Crossbrowser-Image-Blur-with-CSS */
过滤器:progid:DXImageTransform.Microsoft.Blur(PixelRadius='7');
如果是这样的话,从微软那里得到一个官方答案,这将是不可能的。答案是否定的。微软不支持IE 11的CSS功能,如下所述: 您可以使用以下选项:
…但这不是唯一的CSS解决方案,除了加载已经模糊的图像或blur.png(半透明灰色)(如果使用IE11)的CSS解决方案之外。要模糊页面,但其中一个元素意味着将页面内容设置到一个您模糊的通用包装器中,并使另一个元素是同级元素,而不是子元素。对于带有适当前缀的旧IE过滤器,IE5t o起作用9@GCyrillus我知道这一点,这就是我对上面的代码所做的,它适用于除IE11之外的所有浏览器,这就是为什么我问这个问题。我需要一种方法将模糊添加到您正在讨论的通用包装器中,该包装器将在IE11中工作,我更喜欢只使用css的解决方案。@GuyL。你找到解决方法了吗?@swenedo我在body元素的包装中添加了不透明性(*),body元素是弹出窗口的子元素和兄弟元素。根据body-ie11css类添加了这个类,该类由javascript添加到body中,javascript在加载时检查其ie-11是否正确。