如何使模糊效果在 IE 中工作

【问题标题】：How to make Blur Effect working in IE如何使模糊效果在 IE 中工作
【发布时间】：2014-07-21 02:34:42
【问题描述】：

当position 设置在relative、absolute atc 时，我需要创建一个也适用于IE 的模糊效果。我无法完成这项工作。这是一个示例：Sample

它应该是全部模糊的，但它只模糊没有设置position 的元素。在其他浏览器上可以正常工作，但在 IE 上不行..

【问题讨论】：

也许这会对你有所帮助stackoverflow.com/questions/15803122/…
但这并不能解决我的职位问题..
我的解决方案与您的链接中的解决方案完全相同，但是当您设置位置时它不起作用：相对；等等。

【解决方案1】：

您需要将模糊滤镜扩展到元素本身：

.blur, /* do you neeed it too for IE ? */
.blur p, /* extra for IE  */
.blur div/* extra for IE  */
 {
-ms-filter: blur(2px); 
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius='2', shadowopacity='0.0');
}

所以也许解决方案是通过类将模糊过滤器仅设置为子类:)，否则过滤器会应用两次在非相关元素上。

【讨论】：

谢谢。但是有没有为所有孩子设置模糊滤镜的解决方案？我的意思是我想让所有的身体元素都变得模糊，里面可能有很多结构复杂的元素..
也许用小丑？正文 * {} 或正文 > * {}