养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-21 06:23:15

dream嘛术铹砾weaver如何将一张图片放在另一张上面,这是很多新手的问题,下面小编就来介绍一下dreamweaver如何将一张图片放在另一张上面。

工具/原料

DreamweaverCS6

图片

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

© 一点知识