CSS实现网页图片背景加仿玻璃模糊
时间:2016-7-23 6:51
热度:12350°
评论:6 条

1.先将body 其后添加背景图片
body{color: #333333;background-image:url("背景图片地址"); background-attachment:fixed; background-repeat:no-repeat; //整张铺满不重复 background-size:100% 100%; }
2.实现清晰度修改,背景玻璃模糊化
在 id="wrap" 的div样式层下面加上 一个样式
在footer.php中 找到</div><!--end #wrap--> 在前面加上标签 <div class="bg-fixed" ></div>
css: 添加在main.css最后面
.bg-fixed{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; background:url(/content/templates/bowen-em/images/bg-fixed.png)repeat; }
bg-fixed.png图片若需要可以直接用迅雷工具下载


捐赠支持:如果觉得这篇文章对您有帮助,请
"扫一扫"鼓励作者!

本文作者:RainFly
文章标题: CSS实现网页图片背景加仿玻璃模糊
本文地址:http://www.rainfly.cn/?post=199
版权声明:若无注明,本文皆为“雨夜轩”原创,转载请保留文章出处。
本文地址:http://www.rainfly.cn/?post=199
版权声明:若无注明,本文皆为“雨夜轩”原创,转载请保留文章出处。

已有6条吐槽