首页 > Web开发 > 详细

CSS网页背景图片等比例占满整个页面的解决方案

时间:2017-06-02 14:40:17      阅读:555      评论:0      收藏:0      [点我收藏+]

想做一个个人展示类的网站首页,用整张图片来当背景,浏览器窗口放大缩小时背景图片不会变形,需要用到分层来实现其他功能,就用DIV来实现了

#bodycontainer {
    width:100%;
    height:100%;
    min-width:973px;
    min-heigth:584px;
    background-image:url("love.jpg");
    background-repeat:no-repeat;
    background-size:cover;
}

重点在于background-size这一块,开始是用background-size:100% auto;这样解决了宽度问题,高度不OK,发现background-size:cover;可以实现我想要的。

但这个是CSS3的标准,也就是说新版本的浏览器可以实现,但不能包含所有,需要每个人根据需要再调整……

CSS网页背景图片等比例占满整个页面的解决方案

原文:http://www.cnblogs.com/ymtianyu/p/6933019.html

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