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

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

<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

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

phpcms attachment.class.php路径,解决phpcms上传不了图片的方法
解决phpcms上传不了图片的方法发布时间:2020-08-11 14:46:54 来源:亿速云阅读:97 作者:小新这篇文章给大家分享的是有关解决phpcms上传不了图片的方法的内容.小编觉得 ...
解决Android11上分享图片失败
解决Android11上分享图片失败 1.先分析问题原因首先分享应用数据给第三方应用需要在用到文件共享,就需要在AndroidManifest.xml中配置FileProvider,但是配置了只 ...
利用exif.js解决手机上传竖拍照片旋转90\180\270度问题
利用exif.js解决手机上传竖拍照片旋转90\180\270度问题参考文章: (1)利用exif.js解决手机上传竖拍照片旋转90\180\270度问题 (2)https://www.cnblog ...
Android上传连接手机上的图片
1. ImageView图片框资源来自内存(内存放在项目的Drawable 这种很简单,就直接把图片复制到Drawable下面,然后za再调用就好了, 这个方法是我们前台的一个实现后台代码的一个cla ...
如何显示服务器上的图片,显示服务器上的图片怎么写
显示服务器上的图片怎么写内容精选换一换内容审核服务输入图片参数"Image"是图片的base64编码,本节介绍利用谷歌浏览器进行图片格式转换,获取图片的base64编码信息. ...
Postman设置代理抓取手机上的请求
一般为方便接口测试,我们都会设置代理,抓取手机上的请求来方便测试,具体的操作方法如下. 操作步骤: 一.手机和电脑连接同一网络,查看电脑连接网络的IP,配置手机的代理 1.查看电脑连接的网络与IP地址 ...
php显示图片适应手机屏幕,html图片自适应手机屏幕大小的css写法
复制代码代码如下: body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td, ...
android手机上传不了照片,已解决~ wx.saveImageToPhotosAlbum 方法在部分安卓手机上出现图片保存失败的bug。...
如题,运营曾给出一个问题,小程序分享到朋友圈的功能部分用户出现保存图片失败的情况. 查了下原因出问题的都是android用户. 打日志后发现: 原因是:部分安卓手机调用 wx.downloadFile ...
android手机上传不了图片,关于Web Uploader手机上传不了图片的问题
今天在手机上调试页面的时候发现的问题,电脑上上传图片没问题,到了手机浏览器,就上传不了了. 具体的问题是这样的,点击上传按钮,可以跳出选择拍照和图库的选项,拍照或者选择图片以后,没有调起上传的方法,下 ...

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

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

最新文章

热门文章