用CSS在图片上再加一个小按钮

很简单的，嗯，就是要做成这样的：

用CSS，当然得用层了，就是在图片上再加一个层，用来放那个按钮，按钮又有两种方式可以放，一种是直接用图片img标签，一种是通过背景图片放上去。这里我们就用背景图片这个方式来做吧！

首先准备这样两张图片：
宽19px，高32px
宽120px，高90px

我们想想：底部要放图片，上面要放一个按钮，貌似需要用到绝对定位，那我们需要为图片再定义一个div样式，用来放图片和这个按钮，我们可以这样写：

.expdiv{
padding:4px;
width:120px;
border:1px solid #c8c8c8;
}

剩下的就是关键的把按钮放上去，在这里，按钮是一个链接，我们可以设置链接的显示方式为block，并设置其z-index值为2（只要比0大都可以），设置其宽高分别为19px和16px（我们只需要显示按钮图片的一半就可以了），那代码可以这么写：

.expbtn{
position:absolute;
z-index:2;
margin:72px 0px 0px 99px;
}
.expbtn a{
display:block;
width:19px;
height:16px;
background:#fff;
background:url(../images/btn_playbg.gif);
}
.expbtn a:hover{
background:url(../images/btn_playbg.gif) left -16px;
}

那么，在网页中的代码就该这么写了：

OK，就这样，试试吧，嗯！