ホバーはdiv要素にこれは私のページのHTML部分である

Question

を働いていない：

<div class="edenKomentar"> 
      <div class="rejtingVoKomentar" onmouseover="alert('asd');"> 
       <div class="thumbUp"> </div> 
       <div class="thumbDown"> </div> 
      </div> 
      <div class="imeVoKomentar">Name</div> 
      <div class="tekstVoKomentar">Comment</div> 
      <div class="datumVoKomentar">Date</div> 
    </div> 

と、これは私のCSSコードです：

div.edenKomentar:hover { 
// border-bottom: dashed 1px gray; 
    border-left: solid 8px #003366; 
} 
div.edenKomentar:hover div.imeVoKomentar { 
    color:#003366; 
} 

.edenKomentar div.rejtingVoKomentar { 
    position: absolute; 
    overflow:hidden; 
    right:5px; 
    top:15px; 
    height:35px; 
    width: 100px; 
    padding: 5px; 
    border: solid 1px green; 
} 

.edenKomentar div.rejtingVoKomentar:hover{ 
    border: solid 2px green; 
    background-color:#66FF00; 
} 


.rejtingVoKomentar .thumbUp,.thumbDown { 
    position: relative ; 
    height: 25px; 
    width: 25px; 
    border: solid 1px red; 
    top: 10px; 
} 
.rejtingVoKomentar .thumbDown { 
    right: 5px; 
    background:url(sliki/Ikoni/Thumb-down-icon.png); 
    background-repeat:no-repeat; 
} 
.rejtingVoKomentar .thumbUp { 
    left: 5px; 
    background:url(sliki/Ikoni/Thumb-up-icon.png); 
    background-repeat:no-repeat; 
} 
.rejtingVoKomentar .thumbDown:hover{ 
    border: solid 2px red; 
} 

問題はそのホバー（およびonmouseover属性）である.rejtingVoKomentarに.rejtingVoKomentarが

position:absolute; 

を有している（及び.thumbUpまた.thumbDown）が動作していません10

属性。何が問題なの？

Answer 1

あなただけがULを使用する必要がありますDIV

にホバーを有効にするにはjQueryのを使用するか、単にCSSでそれを使用したいと思うでしょう、李代わり

UPDATE1

チェックこのリンクでのSO Jquery Div Hover change other Div Class

Answer 2

.headermenu li a{ 
    text-align:center; 
    padding:0px 0 0 12px; 
    margin-left:20px; 
    display:block; 
    color: #ccc; 
    text-decoration:none; 
    font-size:12px; 
    float:right; 
    background:url(../images/arrow.png) no-repeat left center; 
} 

.headermenu li a:hover{ 
    text-align:center; 
    display:block; 
    color: #0066CC; 
    text-decoration:none; 
    float:right; 
    background:url(../images/arrow_hover.png) no-repeat left center; 
} 

Answer 3

あなたはこの短いjQueryのコードを使用することができます。

$(document).ready(function() { 
$(".rejtingVoKomentar").hover(
    function() { 
    //On mouseOver 
    alert('asd'); 
    }, 
    function() { 
    //On mouseOut 
    } 
);});