CSS实现网页图片背景加仿玻璃模糊

2016-7-22 / 6 评论 / 12683 阅读

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图片若需要可以直接用迅雷工具下载



    评论一下?

    OωO
    取消
      1. 头像
        网上怎么赚钱
        第6楼
        这个真的实用。
        回复
      1. 头像
        宁国房产网
        第5楼
        学习了!
        回复
      1. 头像
        kelard
        第4楼
        真高大上,又一个技术大牛啊,会用织梦仿站吗
        回复
      1. 头像
        杨永博客
        地板
        真高大上,又一个技术大牛啊,会用织梦仿站吗?有需求,欢迎回访,杨永博客www.qianxixian.cn
        回复
      1. 头像
        混合矩阵
        板凳
        代码虽然简单,但是效果不错!
        回复
      1. 头像
        购物街
        沙发
        谢谢分享。
        回复