dreamweaver如何将一张图片放在另一张上面

时间:2024-10-13 14:40:26

1、首先新建一个html空白文档,小编这里用的是html5,Dreamweaver CS6演示。

dreamweaver如何将一张图片放在另一张上面

2、第一种方法是利用背景和图片的方法。首先建一个div,设置宽高。

dreamweaver如何将一张图片放在另一张上面
dreamweaver如何将一张图片放在另一张上面

3、然后给div设置一个背景图片,再在div上写上另一个图片,用img标签。

dreamweaver如何将一张图片放在另一张上面

4、百度logo是img标签引入的,下面的图片是作为背景插入的。

dreamweaver如何将一张图片放在另一张上面

5、还有一种方法是利用堀既叼拶绝对定位的方法。我们把div设置为position:relative;也就是相对定位,图片设置为绝对定位。

dreamweaver如何将一张图片放在另一张上面

6、如果想要设置一下图片的层级关系,那么可以用z-index属性,值越大就越往上。

dreamweaver如何将一张图片放在另一张上面
© 手抄报圈