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