设置背景图片的两种方式,并解决手机端背景图片高度自适应问题

Posted dark-fire-liehuo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置背景图片的两种方式,并解决手机端背景图片高度自适应问题相关的知识,希望对你有一定的参考价值。

1 设置背景图片的两种方式:

方式一: <img src="../img/10.jpg"/ class="back" id="Background">

.back{
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -100; 
    }

方式二:div class="body" id="Background"></div>

.body{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -10;
    background-image: url(../img/10.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    }

2 解决手机端背景图片自适应问题

(function(){  //设置背景图片高度(function(){  //设置背景图片高度("#Background").height($("#Background").height());
    });

 

 

以上是关于设置背景图片的两种方式,并解决手机端背景图片高度自适应问题的主要内容,如果未能解决你的问题,请参考以下文章

移动web图片高度自适应的解决方案

移动web图片高度自适应的解决方案

解决:WebView高度自适应,视频全屏后,页面留白问题

UIImage加载本地图片的两种方式

CSS设置背景图宽度100%,高度自适应

小程序中遇到的问题