一、高斯模糊是使用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 */
}
滤镜属性被子元素继承了，这个纯css不能解决，这玩意子继承了父的模糊根本覆盖不了：
<body>
<div id="a">id=a这层单独放：图片背景+模糊滤镜</div>
<!-- 下面id=b这个div里面才放你网页主要结构 -->
<div id="b">
<div class="horizontal-scroll-area" style="width:3000px"></div>
<div class="horizontal-scroll-pips"></div>
</div>
</body>
然后：
----------------------------------------------------------------------
css 定位属性让 b 重叠在 a 上面合适位置
(给a、b外面再加个父级并相对定位，a、b分别绝对定位)
弄个js，判断 a、b 两个区域的高度，让矮的那个始终高度等于高的那个
(现成的js网上到处都是，自己百度)
