Question

怎么让两个DIV叠加在一起. 并可以调整他们的上下顺序?

<div class="canpin_img"></div>
<div class="canpin_biao"></div>
.canpin_img{ width:196px; height:189px; background-color:#666; z-index:1; position::absolute;}
.canpin_biao{width:196px; height:189px; position:absolute; z-index:0; background-color:#C30;}

Answer 1

要想精确控制他们的位置你最好在外边加一个父层
<div style="position:relative">
<div class="canpin_img"></div>
<div class="canpin_biao"></div>
</div>
然后分别在你那两个CSS中加上top和left~~（当然不加也可以，加为了精确）
z-index:属性可以调节上下顺序，值越大，层越在最上面。

Answer 2

.canpin_img{ width:196px; height:189px; background-color:#666; z-index:1; position::absolute; top:0;left:0;}
.canpin_biao{width:196px; height:189px; position:absolute; z-index:0; background-color:#C30;top:0;left:0;}

z-index就是控制上下顺序