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

Question

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

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

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

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