div 一个图片覆盖在另一个图片上

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建图层1，同时设置div的class为div1，主要用于下面通过该class来设置css样式。

3、在test.html文件内，再使用div标签创建图层2，同时设置div的class为div2。

4、在css标签内，对页面的div元素进行样式统一设置，定义它们的宽度和高度都为250px。

5、在css标签内，对类名div1的div（图层1）进行样式设置，使用position设置div为相对定位，使用background设置div背景颜色为红色，使用z-index设置div层级为1。

6、在浏览器打开test.html文件，查看实现的效果。

1、在div里面书写了一些文字，然后想要在放入一张图片。

2、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。

3、然后通过background给div添加一张图片作为它的背景。

4、通过url()来连接图片，url里面放置的就是背景图片的路径。

5、放一张图片用作背景，注意，路径要写对。

6、保存之后文字就会覆盖在图片的上面了，而如果使用img标签，则没有这种效果。