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

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

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

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

HTML的基本结构

超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。

<HTML>

　<HEAD>

头部信息

　</HEAD>

　<BODY>

　文档主体，正文部分

　</BODY>

</HTML>

其中<HTML>在最外层，表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD>之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。<BODY>标记一般不省略，表示正文内容的开始。

</div>

</div>

TOP 距顶边的距离

LEFT 距左边的距离

可自行重新定位。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/7144753.html

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

发表评论

评论列表（0条）