码迷,mamicode.com
首页 > 其他好文 > 详细

全屏图片

时间:2015-10-14 18:00:41      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

背景图片:
方法一:
 .bg { height: 100%; width:100%; background-image:url(‘images/index-bg.png‘) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
方法二: 
.bg { background: url(‘images/index_bg.jpg‘) no-repeat   50% 50%;background-size: cover;padding-top:宽/高;} 

图片:
适合纯色或者重复同样图案的背景图
.indexBg{z-index:-1;background-attachment:fixed;width:100%;height: 100%;position: fixed;top:0;left:0;bottom:0;right:0;_position: absolute;_top: expression(eval(document.body.scrollTop));_left: expression(eval(document.body.scrollLeft));}
.indexBg img {height:100%;width:100%;} 

全屏图片

标签:

原文地址:http://www.cnblogs.com/love9happy/p/4877902.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!