您所在的位置: 下载吧  >  软件教程  >  电脑学习 > 正文

dreamweaver2017怎么重叠两张图片

  • 时间:2017-05-12 17:54
  • 来源:三联
  • 编辑:xwgod

dreamweaver2017怎么重叠两张图片?来看看dreamweaver怎么将两张图片重叠

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

dreamweaver2017怎么重叠两张图片

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

dreamweaver2017怎么重叠两张图片 dreamweaver2017怎么重叠两张图片

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

dreamweaver2017怎么重叠两张图片

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

dreamweaver2017怎么重叠两张图片

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

dreamweaver2017怎么重叠两张图片

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

dreamweaver2017怎么重叠两张图片

人气排行