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

Question

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

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

<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

css firefox4

Источник

user174349 03 июн '11 в 10:35

1 ответ

Решение

Другие вопросы по тегам css firefox4

user31109 03 июн '11 в 10:44 2011-06-03 10:44 · Accepted Answer · 2011-06-03 10:44

Попробуйте придать правилу: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');
}

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