dreamweaver2017怎么重叠两张图片

dreamweaver2017怎么重叠两张图片?来看看dreamweaver怎么将两张图片重叠
1、首先新建一个html空白文档,小编这里用的是html5,Dreamweaver CS6演示 。

dreamweaver2017怎么重叠两张图片


2、第一种方法是利用背景和图片的方法 。首先建一个div,设置宽高 。
dreamweaver2017怎么重叠两张图片



dreamweaver2017怎么重叠两张图片


3、然后给div设置一个背景图片,再在div上写上另一个图片,用img标签 。
dreamweaver2017怎么重叠两张图片


4、百度logo是img标签引入的,下面的图片是作为背景插入的 。
dreamweaver2017怎么重叠两张图片


【dreamweaver2017怎么重叠两张图片】5、还有一种方法是利用绝对定位的方法 。我们把div设置为position:relative;也就是相对定位,图片设置为绝对定位 。
dreamweaver2017怎么重叠两张图片


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


    推荐阅读