Question

用div+css怎么做出像这样把价格这个层放在图片层上面。

Answer 1

<div style="background:url(#) #ccc; width:150px; height:150px;">

<a style="width:40px; height:20px; display:block; background:#09c; text-align:center; line-height:20px; position:relative; top:120px; left:100px;">$100</a>

</div>

Answer 2

需要用浮动定位，控制位置

Answer 3

<div class="pa">
<div class="so"></div>
</div>

CSS:
div {margin:0;padding:0;}
.pa {width:100px;height:100px;background:url(adasd.jpg) no-repeat left top;position:relative;}
.so {width:10px;height:20px;position:absolute;right:14px;bottom:10px;background:url(as.jpg) no-repeat left top;}