css样式求助 如何能在一张图片上再盖一张png的图?

html-css07

css样式求助 如何能在一张图片上再盖一张png的图?,第1张

<style type="text/css">

.mya{width:300pxheight:200pxdisplay:blockborder:5px solid #999position:relative}

.mya .img1{position:absoluteleft:0top:0z-index:1}

.mya .img2{position:absoluteleft:10pxtop:10pxz-index:2}

</style>

<a class="mya" href="#">

    <img class="img1" src="themum.jpg" width="300" height="200">

    <img class="img2" src="selected.png" width="100" height="100">

</a>

1、打开操作软件这里用DW,定义一个css样式,如下图

2、首先看下,背景图效果,如下图所示:

3、在div中添加一个img,输入以下代码。如下图所示:

4、即可实现如题,css图片之上再加一张图片:如下图所示: