设置背景图片,解决手机上背景图片高度适应问题
生活随笔
收集整理的這篇文章主要介紹了
设置背景图片,解决手机上背景图片高度适应问题
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
設(shè)置背景圖片,解決手機(jī)上背景圖片高度適應(yīng)問題
第一種方法:直接對(duì)圖片進(jìn)行設(shè)置,代碼如下
<img src="url" class="PhoneBack">//url為圖片地址.PhoneBack{ position: fixed; z-index: -10; display: block; width: 100%; height: 100%; }?
第二種方法:使用一個(gè)div作為容器,同時(shí)給改該div設(shè)置背景圖片
標(biāo)簽1: <div class="PhoneBack"> //其他內(nèi)容 </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 閱讀(...) 評(píng)論(...) 編輯 收藏轉(zhuǎn)載于:https://www.cnblogs.com/wfaceboss/p/7998554.html
總結(jié)
以上是生活随笔為你收集整理的设置背景图片,解决手机上背景图片高度适应问题的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: exportfs+NFS客户端问题
- 下一篇: mysql 数据库学习(触发器)