메인 div 태그와 간섭하는 Absolute div

갤러리의 모든 이미지에이 함수가 있습니다. .work-type 클래스를 가져올 때까지 완벽하게 작동합니다.이 클래스는 절대 div가 이미지 위에 표시됩니다 (캡션). thumbnail function을 다시 시작합니다. 이 문제를 어떻게 해결할 수 있습니까?메인 div 태그와 간섭하는 Absolute div

<div class="thumb" id="lifelovelies-thumb" ><a class="ajax" href="gallery/lifelovelies.html"> 
<div class="work-type"><p class="work-type">PHOTOMANIPULATION</p></div> 
<img src="images/thumbs/lifelovelies-bwthumb.jpg" alt=""/> 
<img src="images/thumbs/lifelovelies-thumb.jpg" alt="" class="color"/> 
</a></div> 

function thumbnail(param1){ 
     $('#'+param1+'-thumb a').mouseover(function(){ 
      $('#'+param1+'-thumb .color').hide().stop().fadeTo(500,'1');}) 
     $('#'+param1+'-thumb a').mouseout(function(){ 
      $('#'+param1+'-thumb .color').stop().fadeTo(500,'0');})     
    };

출처

2011-12-03 Alex G.

절대 위치가 변경 –

그 밖의 다른 방법으로 이미지 위에 div를 표시 할 수 있습니까? –