码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-06-18 21:29:22      阅读:263      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!