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

我需要创建一个模糊效果，当

position

设置为

relative

，

absolute

atc时，该效果也适用于IE。。 我做不到这一点。 以下是一个示例：

它应该是全部模糊的，但它只模糊没有设置

位置的元素。
在其他浏览器中工作正常，但在IE上不工作。
您需要将模糊过滤器扩展到元素本身：

.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');
}

因此，也许解决方案是通过类将模糊过滤器设置为childs:），否则过滤器将在非相对元素上应用两次。
也许这会对你有所帮助，但这并不能解决我的职位问题。我的解决方案与你的链接中的解决方案完全相同，但当你设置职位：相对；等等，谢谢。但是，有没有一种解决方案可以在所有孩子身上设置模糊过滤器？我的意思是我想让所有的身体元素变得模糊，里面可能有很多元素，结构复杂。也许用小丑吧？正文*{}或正文>*{}