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

2025-04-18 05:17:19

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如何将一张图片放在另一张上面
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢