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