【问题标题】:jquery: Why do opacity animations only work with FF?jquery:为什么不透明动画只适用于 FF?
【发布时间】:2010-03-15 05:18:01
【问题描述】:

我想知道为什么不透明动画只适用于 Firefox,而不适用于 chrome 或 Internet Explorer。

例如,

jQuery("#a").fadeTo(1000,1);

使用 firefox 淡入元素,但只是让它在 Chrome 或 IE 中显示。我想要的只是让元素淡入。

我怎样才能让它与 IE 和 chrome 一起使用?

编辑:如果我使用 fadeIn() 或任何其他类似函数,如 show(),也是一样


编辑:我最终解决了这个问题。稍后我会回复详细信息;它与嵌套元素有关。只是想发布此编辑,因此没有人会浪费时间尝试回答 :)

感谢所有回答!


编辑:原来问题是#a(这是一个<a href.../>)里面有一个div——div里面是我想要淡化的图像和文本。我没有淡出#a,而是:

$("#a").find("div").fadeTo...

(效果很好)。

无论如何,再次感谢您的回答;我选择了最有帮助的一项。

【问题讨论】:

  • opacity 属性的值为 1 应该使元素出现而不是淡出。你确定这就是它在 FF 中的工作方式吗?
  • 你能发布一个更大的sn-p代码吗?仅从一行很难判断问题出在哪里。

标签: javascript jquery internet-explorer google-chrome


【解决方案1】:

查看 .fadeIn 和 .fadeTo 的快速演示,并在您的浏览器中进行验证:http://www.jsfiddle.net/w3bt8/1/

你在淡化哪种元素?另外,您是否正确使用了 $(document).ready()?

【讨论】:

    【解决方案2】:

    您的代码应该有问题。 fadeIn 和 fadeOut 在所有浏览器中都有效。 JQuery 团队真的很努力地做所有这些事情:)

    【讨论】:

      【解决方案3】:

      jQuery 的淡入淡出功能应该适用于当前所有的浏览器。在 IE 中,由于糟糕的抗锯齿,它们看起来很丑,但它们可以工作。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2011-03-24
        • 2012-07-20
        • 1970-01-01
        • 2014-01-26
        • 1970-01-01
        • 2018-09-13
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多