有一部分的网站文字没有背景颜色，加了背景图片又喧宾夺主了，那怎么办呢，我们可以用强大的css实现指定部分的背景是模糊的，那样就既不影响美观，也不影响浏览啦。

纯CSS特效，IE下无效，建议用firfox或者chrome浏览器！

css代码：

*					{ margin: 0; padding: 0; }
body				{ font: 15px Cambria, Serif;
	 				  background: url(images/bg-solid.jpg) no-repeat; }

h1					{ font: 36px Georgia, Serif; }

#page-wrap			{ width: 500px; margin: 40px auto;
	 				  background: url(images/bg-blurry.jpg) no-repeat fixed;
	 				  border: 10px solid white; padding: 30px;
					  min-height: 600px;
					  -moz-border-radius: 30px; -webkit-border-radius: 30px; }

调用代码：

<div id="page-wrap">模糊的内容</div>