2012-02-02 3 views
0

fadeIn Div가 원래 DIV를 오버레이하여 페이드에 문제를 일으키지 않는 것 같습니다. 어떤 제안?DIVS 오버레이

http://jsfiddle.net/AndyMP/qCa7a/11/

$(document).ready(function(){ 
    $(".thumbnail").hover(
     function(){ 
      $(".overthumb").stop(true,true).fadeIn(1000); 
     }, 
     function(){ 
      $(".overthumb").stop(true,true).fadeOut(1000); 
     } 
    ); 
}); 
+0

은 다른 질문이 관련 :

<div class="thumbnail"> <div class="overthumb" style="display:none;"></div> </div> 

... 그리고 첨부 된 스크립트

jsfiddle 무서워 모두 들어

, 여기에 생각 http://stackoverflow.com/questions/9116213/hover-div-fades-in-but-not-out – j08691

+0

그래, 거기 사람들 중 하나가 새로운 질문을 시작했다. – Andy

답변

1

두 번째 div을 첫 번째 안에 넣어야 "out"이 올바르게 작동하게됩니다.

여기에 jsfiddle ...이 도움이 되길 바랍니다.

$(document).ready(function(){ 
    $(".thumbnail").hover(
     function(){ 
      $(".overthumb").stop(true,true).fadeIn(1000); 
     }, 
     function(){ 
      $(".overthumb").stop(true,true).fadeOut(1000); 
     } 
    ); 
}); 
3

당신은뿐만 아니라 다른 DIV 안에 넣어 수 있습니까?

+0

그거야! 좋은. – Andy