이미지 위에 또 다른 이미지 겹치기

이미지 위에 또 다른 이미지 겹치기

 

적용 사례: 포토 순위, 이미지 라벨링등

 

 

 

 

 

 

div 의 Postion:absolute 와 자식 div position:relative;left:0px;top:0px; 로 표현

<!-- 첫번째 Row --> <div class="class1"> <div style="position:absolute"> <div style="position:relative;left:0px;top:0px;"><img src="라벨링이미지.gif" /></div> </div> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="class2"> <a href="#"><img src="메인이미지1.gif" width="190" height="130" alt="" /></a> </td> </tr> </table> </div> <!-- 두번째 Row --> <div class="class1"> <div style="position:absolute"> <div style="position:relative;left:0px;top:0px;"><img src="라벨링이미지.gif" /></div> </div> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="class2"> <a href="#"><img src="메인이미지2.gif" width="190" height="130" alt="" /></a> </td> </tr> </table> </div>