Firefox中的jQuery循环插件淡入淡出问题答案

【问题标题】：jquery cycle plugin fade problems in firefoxFirefox中的jQuery循环插件淡入淡出问题
【发布时间】：2012-02-21 05:31:47
【问题描述】：

我正在使用 Cycle 插件制作幻灯片。这些图像应该相互交叉淡入淡出以进行过渡。它在除火狐之外的所有浏览器中都能正常工作。

在 Firefox 中，图像不会淡出，而是在新图像在黑色之上淡出时闪烁一秒钟。我希望它们彼此淡入，这适用于所有其他浏览器。

其他转换似乎工作正常。只是这个淡入淡出的问题。

有人知道为什么会发生这种情况吗？

    $('#slider2').cycle({
      fx: 'fadeout',
      random: 1,
      timeout: 5000,    
      easing: 'easeInOutExpo',
      startingSlide: 2,
      speed: 1500,
});

编辑：原来这是 Firefox 10 中的一个已知错误。如果您阅读此线程，则有一个临时解决方案。 http://forums.asp.net/t/1767825.aspx/1?jQuery+cycle+plugin+functionality+broken+in+Firefox+10+0

【问题讨论】：

标签： jquery cycle

【解决方案1】：

试试这个解决方案。

https://forum.jquery.com/topic/cycle-plugin-firefox-10-transparency-issues#14737000003067019

【讨论】：

谢谢。所以我猜这是 Firefox 10 中的一个错误。为图像添加背景颜色确实解决了它。
根据@pessi 的链接，“通过 css 为图像应用背景颜色”对我有用。