CSS模糊背景效果代码

nimaboke 2014-8-28 3922

搜狗截图20140827211705.png

有一部分的网站文字没有背景颜色,加了背景图片又喧宾夺主了,那怎么办呢,我们可以用强大的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>




吴尼玛 评论:
@微历史:{smile:48}{smile:48}一般一般,倒数第三

微历史 评论:
CSS高人也

超?efly 评论:
最新回复 (0)
    • 屌丝论坛
      2