首页 > Web开发 > 详细

【CSS】div的背景图完整图片覆盖

时间:2015-06-18 21:28:38      阅读:450      评论:0      收藏:0      [点我收藏+]

最初的代码:

1 .container_first {
2     width: 100%;
3     height: 100%;
4     background: url(10176581.jpg);
5     background-size: cover;
6     position: relative;
7 }

因为UI交给我的图片是按照iPhone6的尺寸来的,在iPhone4上面用cover的话覆盖的背景图是不完整的下面缺失

更改后的代码:

1 .container_first {
2     width: 100%;
3     height: 100%;
4     background: url(10176581.jpg);
5     background-size: 100% 100%;
6     position: relative;
7 }
改为 background-size: 100% 100%;后图片完整显示 虽然有些扁但相信没人用iPhone4了吧....
当然也可以用媒体查询这里就偷懒了

【CSS】div的背景图完整图片覆盖

原文:http://www.cnblogs.com/lijie33402/p/4586726.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!