手机移动端布局如何设置图片为背景

时间:2026-02-12 07:24:48

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

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

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

手机移动端布局如何设置图片为背景

2、第二方式: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%; }

手机移动端布局如何设置图片为背景

3、这是解决手机端移动端背景图片自适应问题:

(function(){  //设置背景图片高度

("#Background").height($("#Background").height()); });

手机移动端布局如何设置图片为背景

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com