Register

  • 点击获取
  •   

已有账号直接登录    

公告:
CSS实现网页图片背景加仿玻璃模糊
首页 > IT计算机 > Web程序设计    作者:RainFly   2016年7月23日 6:51 星期六   热度:12350°   字号:   评论:6    
时间: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
版权声明:若无注明,本文皆为“雨夜轩”原创,转载请保留文章出处。

已有6条吐槽

网上怎么赚钱  Google Chrome 63.0.3239.132 Google Chrome 63.0.3239.132 Windows 7 Windows 7  广东省深圳市 电信 2019-04-04 09:37 #6楼
这个真的实用。
宁国房产网  Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 Windows 7 Windows 7  安徽省池州市 电信 2017-11-14 22:15 #5楼
学习了!
kelard  Google Chrome 45.0.2454.101 Google Chrome 45.0.2454.101 Windows 7 Windows 7  江苏省苏州市 电信 2017-01-03 12:54 #4楼
真高大上,又一个技术大牛啊,会用织梦仿站吗
杨永博客  Google Chrome 51.0.2704.84 Google Chrome 51.0.2704.84 Windows 7 Windows 7  贵州省毕节地区 联通 2016-09-09 00:32 地板
真高大上,又一个技术大牛啊,会用织梦仿站吗?有需求,欢迎回访,杨永博客www.qianxixian.cn
混合矩阵  Google Chrome 49.0.2623.110 Google Chrome 49.0.2623.110 Windows XP Windows XP  浙江省杭州市 电信 2016-08-03 13:26 板凳
代码虽然简单,但是效果不错!
购物街  Google Chrome 49.0.2623.75 Google Chrome 49.0.2623.75 Windows 7 Windows 7  福建省泉州市 电信 2016-07-27 16:08 沙发
谢谢分享。

QQ游客评论

返回顶部    首页    捐赠支持    手气不错    友情链接    关于我们    站长工具    站长介绍    手机版本    后台登陆   
版权所有:雨夜轩    站长:RainFly    特别鸣谢   文章归档   皖ICP备15003600号-1   百度统计
Copyright©2015雨夜轩 Powered by emlog强力驱动 七牛CDN全球加速 360站长联盟安全认证 中国博客联盟荣誉成员 可信赖网站 谷歌地图   百度地图   
页面加载耗时:0.064秒 数据库查询次数:27次
背景设置