Firefox 3.x не поддерживает фоновые изображения в псевдоклассах?

Question

Является ли ошибкой то, что Firefox, кажется, не поддерживает обмен фоновыми изображениями в псевдоклассах или другие браузеры делают больше, чем должны быть?если я делаю что-то не так ... это работает в Opera и Chrome (еще не тестировал в IE) ...

.myClass{
  background-image:url('off.jpg');
}

.myClass:hover{
  background-image:url('on.jpg');
}

Однако Firefox просто игнорирует это.Я надеялся избежать написания переноса javascript ... мне показалось, что это изящное решение, но я начинаю подозревать, что меня накрыли.

Answer 1

Ваша страница находится в режиме причуд, предположительно, и :hover ведет себя странно с точки зрения того, когда она применяется или нет в режиме причуд. Я предлагаю перевести вашу веб-страницу в стандартный режим, если вы хотите, чтобы браузеры действительно работали на ней совместимо, вместо того, чтобы явно запрашивать у них некорректную обратную совместимость.

Answer 2

Какую версию FF вы используете? Быстрый поиск выявил эту возможную проблему, похожую на вашу: http://support.mozilla.com/en-US/questions/746770

Попробуйте, чтобы увидеть, работает ли он:

.myClass{
  background-image:url('off.jpg');
}

.myClass:hover{
  background-image:url('on.jpg');
}

[class="myClass"]:hover{  /* firefox fix */
  background-image:url('on.jpg');
}