<html>
<head>
<style type="text/css">
.bg-blur {
float: left;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
</style>
</head>
<body>
<img src="http://img4.imgtn.bdimg.com/it/u=2576138561,591475829&fm=27&gp=0.jpg" />
<img class="bg-blur" src="http://img4.imgtn.bdimg.com/it/u=2576138561,591475829&fm=27&gp=0.jpg" />
</body>
</html>
原文：http://www.cnblogs.com/justdba/p/7514354.html