设置背景图片的两种方式,并解决手机端背景图片高度自适应问题
Posted dark-fire-liehuo
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置背景图片的两种方式,并解决手机端背景图片高度自适应问题相关的知识,希望对你有一定的参考价值。
1 设置背景图片的两种方式: 方式一: <img src="../img/10.jpg"/ class="back" id="Background"> .back{ position: fixed; width: 100%; height: 100%; display: block; z-index: -100; } 方式二: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%; } 2 解决手机端背景图片自适应问题 (function(){ //设置背景图片高度(function(){ //设置背景图片高度("#Background").height($("#Background").height()); });
以上是关于设置背景图片的两种方式,并解决手机端背景图片高度自适应问题的主要内容,如果未能解决你的问题,请参考以下文章