站长资料
站长：RainFly
签名：明确一个目标，这很重要！
签名：明确一个目标，这很重要！
标签
热门文章
最新评论
-
慕云 说：
关键词：慕云博客 链接：https:/... -
DGHDDSE 说：
谢谢楼主大人！ -
cook 说：
地板骗人 -
cook 说：
大佛并投入 -
dja 说：
感谢
CSS实现网页图片背景加仿玻璃模糊
时间：2016-7-23 6:51
热度：11890°
评论：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条吐槽