设置背景图片，解决手机上背景图片高度适应问题

设置背景图片，解决手机上背景图片高度适应问题

第一种方法：直接对图片进行设置，代码如下

<img src="url" class="PhoneBack">//url为图片地址

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

 

第二种方法：使用一个div作为容器，同时给改该div设置背景图片

标签1：
<div class="PhoneBack">
//其他内容
</div>

样式1：
.PhoneBack{
    position: fixed;
    z-index: -10;
    background: url('../Images/weixin/NowRegister/RegisterBack.png') no-repeat 0px 0px;
    width: 100%;
    height: 100%;
    /*background-repeat: no-repeat;
    background-position: 0px 0px;*/
    background-size: 100% 100%;
}

第三种方法：使用jquery

 

posted on 2017-12-07 12:40 WFaceBoss 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/wfaceboss/p/7998554.html