hover на div работает в Firefox - PullRequest
Новая
       18

hover на div работает в Firefox

1 голос
/ 03 июня 2011

У меня есть этот код: 

<div title="" class="icePnlGrp graButtonActionDiv graButtonBackgroundOn">
       <label id="j_id89:j_id99" class="iceOutLbl graButtonActionLabel">Select</label>
</div>

С css: 

.graButtonBackgroundOn {
line-height: 45px;
background:
    url('/resources/images/external/button_generic_on_txmart.png');

}

и 

.graButtonBackgroundOn:hover{
background:
    url('/resources/images/external/button_generic_on_txmart-hover.png');

}

Я не могу понять, почему в Firefox и IE зависание над этим div не меняет фоновое изображение .... Но в Chrome оно работает отлично.

Не могли бы вы мне помочь?

Спасибо.

1 Ответ

4 голосов
/ 03 июня 2011

Попробуйте придать правилу: hover style больше специфичности по сравнению с его нормальным состоянием, поэтому: 

.graButtonBackgroundOn {
line-height: 45px;
background:
    url('/resources/images/external/button_generic_on_txmart.png');
}
div.graButtonBackgroundOn:hover{
background:
    url('/resources/images/external/button_generic_on_txmart-hover.png');
}

который переписывает оригинальное правило стиля

...