0

これは私のページの html 部分です: 

    <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;
}

問題は、.rejtingVoKomentarが

position:absolute;

属性。ここで何が問題になる可能性がありますか？

4

3 に答える 3

0 
.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;
 }
于 2012-05-09T18:04:36.123 に答える
0

次の短い Jquery コードを使用できます。

$(document).ready(function() {
$(".rejtingVoKomentar").hover(
  function () {
    //On mouseOver
    alert('asd');
  },
  function () {
    //On mouseOut
  }
);});
于 2012-05-09T18:09:51.727 に答える
0

jQuery を使用して DIV のホバーを有効にします

または単に CSS だけで使用したい場合は、代わりに ul,li を使用する必要があります

更新1

SO Jquery Div Hoverでこのリンクを確認してください他のDivクラスを変更してください

于 2012-05-09T17:59:37.450 に答える