课程：

• 1、HTML里面怎样让一张背景图片居于网页的任何一个位置？
• 2、html如何背景图定位
• 3、html5 移动端怎么固定背景图片？
• 4、HTML中怎样把一个LOGO图固定在背景图中？
• 5、html中,怎么把背景图片置于最低层

HTML里面怎样让一张背景图片居于网页的任何一个位置？

上两位给出的是，内容置于网页任何一个位置。您提到的背景图于任何位置的代码如下 ：

style type="text/css"

!--

body {background:url(图片路径) no-repeat 10px 10px} 

/style

后面两个10PX，就是位置的指定了，一个是左右，一个是上下，您改下试试。

上面的body也可替换为您指定的哪个元素。如您的元素是

div class="30ea-b683-e371-7e3b imgbg"玖赞网络是有背景的/div

那么相就的BODY则替换为 .imgbg

html如何背景图定位

background:url() x y no-repeat;

url()的整个图片的路径

x,y是图片坐标，确定第一个小图片位置

no-repeat是图片不让它重复平铺

html5 移动端怎么固定背景图片？

.body{

background:url(../image/pr_gb.png);//此处为你的图片

background-repeat:no-repeat;

background-size:100% 100%;

}

fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。

style

body {background-position: center;//背景居中

background-repeat: no-repeat;//无重复

background-attachment: fixed;//固定不动}

/style

HTML中怎样把一个LOGO图固定在背景图中？

1.在背景图所在的div中加入属性position:relative;(相对定位)

2.logo所在div的style中加入属性position:absolute;(绝对定位) 就可以实现logo相对于背景绝对定位，然后设置left 和 top 属性就可以控制相对于背景的位置。

例：下面两个div实现了 logo白色div永远在背景黑色div的left:20px;top:20px; 位置。

div style="position:relative; background-color:#000000; width:500px; height:500px;"

div id="logo" style="position:absolute; left:20px; top:20px; background-color:#FFFFFF; width:120px; height:120px;"

/div

/div

html中,怎么把背景图片置于最低层

1、用css的z-index的属性就可以实现。首先新建一个html文件，在文件中写入一个div容器和一个图片：

2、然后在上方设置它们的样式，这里给div设置成绝对定位，图片设置成相对定位，然后设置一下它们的z-index属性，该属性用来显示元素的上下层的叠加顺序，数值越大表示的层级越高，但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果：

3、最后打开浏览器查看效果，div是在图片上面的。以上html中就是把背景图片置于最低层的方法：