我正在使用以下脚本为导航div的背景图像设置精灵动画:

$("li#test2").hover(
      function () {
        $(this).animate({
          'background-position-y': '-40'
        }, 500);
      },
      function () {
        $(this).animate({
          'background-position-y': '0'
        }, 500);
      }
    );

在Safari和Chrome中可以正常工作,但在Firefox中则不能。 您可以在此处看到它的页面。 只需将鼠标悬停在导航栏中的第一个“家庭”图像上即可。

有人可以让我知道为什么它不能在Firefox中工作吗?

谢谢,

缺口

===============>>#1 票数:1 已采纳

background-position-xbackground-position-y不是标准。

如果要设置动画,则必须使用background-position修改两个值(x和y)。

看这些站点:

http://snook.ca/archives/html_and_css/background-position-xy

https://developer.mozilla.org/en/CSS/background-position

===============>>#2 票数:0

Firefox似乎不支持backgroundPositionY属性,因此您需要使用需要两个坐标的backgroundPosition属性。

"backgroundPositionY" in document.createElement("div").style
//true for chrome, false for firefox


"backgroundPosition" in document.createElement("div").style
//true for both

由于jQuery将不支持开箱即用,你需要使用挂钩插件像这样

===============>>#3 票数:0

我在第46行的slider.js中显示语法错误。也许某些未正确关闭?

  ask by Nick translate from so

未解决问题?本站智能推荐: