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

2026-04-29 10:26:44

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());});

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢