<div class="container">主要内容</div>
<div class="modal">浮层</div>
</div>
假设有这样的HTML结构，那么让 .modal 绝对定位在 .container 上面，.container 设置 blur 即可。
.modal {display: none
position: fixed
left: 0
top: 0
right: 0
bottom: 0
background: rgba(255,255,255,.8)
}
.show-modal .modal {
display: block
}
.show-modal .container {
-webkit-filter: blur(4px)
}
演示：http://jsbin.com/nesewayosa/1/
一、高斯模糊是使用ps等工具实现的，方法如下（以ps为例）：
1、在ps中打开背景图；
2、点击菜单栏中的滤镜；
3、点击模糊，再选择高斯模糊，如图；
5、通过调整半径来调整模糊的强度（半径越大越模糊），如图：
二、全屏显示的css代码：
.bg {
background-image:url(scale.jpg)
-moz-background-size: 100% 100%/* Firefox 3.6 */
-o-background-size: 100% 100%/* Opera 9.5 */
-webkit-background-size: 100% 100%/* Safari 3.0 */
background-size: 100% 100%/* Firefox 4.0 and other CSS3-compliant browsers */
-moz-border-image: url(scale.jpg) 0/* Firefox 3.5 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='scale.jpg', sizingMethod='scale')/* for <ie9 */
}
