Ebeveyninin üstünden geçerken bağlantı vurgusu durumu nasıl tetiklenir LI. jQuery

Question

Ebeveyn telefonunun üzerine gelindiğinde bir metin bağlantısında bir geçiş durumunu tetiklemeye çalışıyorum. CSS'de bu mümkün mü ve ikincisi, bu sorunu çözecek olan çocuklarla bir şey özlüyorum.

<li class="video-1">          
    <a href="#"><img src="images/csi-1.gif" alt="csi-1" width="140" height="80" /></a> 
    <h3 class="show-title"><a href="#">Show TItle</a></h3> 
    <h3 class="ep-name"><a href="#">Episode Name</a></h3> 
    <h4 class="season-info">Season 4 | Ep 10<span class="more"><a href="#">See More</a></span></h4> 

</li> 

Ve JS: Sen (stil) böyle sadece CSS ile vurgulu etkileri yapabilirsiniz

$(".more").hide(); 

$(".video-1").hover(function() { 
$(".video-1:hover h3.show-title a").css('color', '#006699'),function() { 
    $(this).css("color", "#fff"); 
      }  
    $(".more").toggle(); 

}); 

Answer 1

:

.video-1 .more { display: none } 
.video-1:hover h3.show-title a { color: #006699 } 
.video-1:hover .more { display: block } 

Yok JS hiç ihtiyaç İşte HTML bulunuyor yalnızca'un :hover öğelerini a öğelerinde desteklemesi gerekmediği sürece IE6'yı desteklemeniz gerekmez.

GÜNCELLEME:

da IE6 desteklemek gerekiyorsa HTML'nize böyle bir şey ekleyebilirsiniz:

#video-1 .more { display: none } 
#video-1:hover h3.show-title a, #video-1.hover h3.show-title a { color: #006699 } 
#video-1:hover .more, #video-1.hover .more { display: block } 

:

<!--[if lte IE 6]> 
<script type="text/javascript" charset="utf-8"> 
    jQuery(function ($) { 
    $('#video-1').hover(function() { 
     $(this).addClass('hover'); 
    }, function() { 
     $(this).removeClass('hover'); 
    }); 
    }); 
</script> 
<![endif]--> 

Sonra böyle CSS ayarlamak Son olarak, IE6 zincirleme cl desteklemediğinden, orijinal HTML'nizi class'dan bir id'a değiştirin. CSS adları ass:

<li id="video-1"> 

Answer 2

.video-1:hover{color:#fff} 
.video-1 .more { display: none } 
.video-1:hover .more { display: block; z-index:10 } 

z-index sayfa