CSS实现模糊效果

HTML代码如下：

<body>
    <h1>body设置了模糊效果</h1>
    <div id="aa"></div>
</body>

CSS代码如下：

body{
    -webkit-filter: blur(1px);
   filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1'); /*针对IE进行设置*/
}
#aa{width: 300px;height: 300px;background: #09c;}

效果如下

IE下效果如下

 如有表述不准确之处，欢迎指正，欢迎补充，感谢阅读。

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/wangzhenyu666/p/7731713.html