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