jquery hover가 크롬에서 작동하지 않습니다.

 <ul class="top"> 
      <li> 
       <span class="card flipped"> 
        <span class="front face"> 
         <a href="<?php echo site_url("about") ?>" class="link"> 
          <img src="<?php echo base_url();?>img/about.jpg" alt="" /> 
          <div class="overlay"><p>ABOUT<br/>US</p></div> 
         </a> 
        </span> 
        <span class="back"></span> 
       </span> 
      </li></ul> 


<script type="text/javascript"> 
$(document).ready(function() { 
//On mouse over those thumbnail 
$('.card').hover(function() { 
//Display the caption 
$(this).find('.overlay').stop(false,true).fadeIn(400); 
}, 
function() { 
    //Hide the caption 
    $(this).find('.overlay').stop(false,true).fadeOut(800); 
}); 

}); 
</script>

iv crome을 제외한 모든 브라우저에서 오버레이가 작동하는지 확인하기 위해 jquery가있는 카드가 몇 개 있습니다. 도움이 될 경우 사이트는 http://gurtyboardingcompany.com.au/입니다.jquery hover가 크롬에서 작동하지 않습니다.

출처

2012-03-23 Mitchell Bray