WEB网页如何让背景图片跟随可视窗口自适应大小

本文转载自查看原文 2017-06-15 21:29 13245 web前端—CSS

HTML代码

<body id="body">
    <div class="info-wrapper">
        <div class="content">
        </div>
     </div>
</div>

CSS代码

body{
　　font-size: 16px;
　　font-family: Arial;
　　max-width: 1920px;
　　min-width: 1180px;
　　margin:0 auto;
　　overflow-y:scroll; 
}

.info-wrapper{
    position: absolute;
    margin: 0px;
    width: 100%;
    height: 560px;
    top: 1563px;
    text-align: center;
}

.content{
    width: 100%;
    height: 560px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/index/background.png) no-repeat;
}

JS代码

var screenWidth=$(window).width();
            
$("#body").css("width",screenWidth);

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 自适应大小的背景图片背景图片随窗口大小改变自适应背景图片自适应大小(css3) 背景图片自适应大小（平铺）如何实现网页背景图片自适应全屏？网页背景图片自动适应窗口大小的代码 CSS实现网页背景图片自适应全屏,自适应背景图片 div背景图片自适应背景图片自适应div css img图片和背景图片按容器大小自适应大小（居中裁切）