图片背景模糊效果filter的实现

给一个div添加背景图片（img标签），并且有模糊效果，部分代码如下：

html结构为：

<div class="header">
	<div class="bg">
      <img src="./bg.png" alt="" width="100%" height="100%">
    </div>
</div>

样式如下，特别注意需要设置z-index为-1

.header {
	position:relative;
	overflow:hidden;
	width:300px;
	height:300px;
}
.header .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	filter:blur(10px);/*模糊效果*/
}