css图片模糊效果

效果图：封面图为背景，进行模糊处理

设置好背景样式，定位在底层，模糊css样式如下：

background-image: url("http://qiniu.jnwtv.com/PC2016082914250584788070.jpg");
background-position: center;
background-size: cover;
filter: blur(12px);
-webkit-filter: blur(12px);
-moz-filter: blur(12px);
-o-filter: blur(12px);
-ms-filter: blur(12px);

filter: blur(12px);  //模糊半径12px，需要兼容其他浏览器内核