IE7中的Jquery交叉淡入淡出问题

Question

我使用此单一图像技术在IE7中构建了一些交叉淡入淡出过渡： http : //jqueryfordesigners.com/image-cross-fade-transition/

它通过将翻转图像放置在背景中并在用户翻转图像时使原始图像状态褪色来工作。 IE7讨厌它。 翻转状态显示在原始图像的正下方。

您可以在这里查看： http : //hardtopdepot.com/dev/inner.html

在IE7中应该很明显，但是“添加到购物车”按钮应该是Jquery过渡。 我绝不是JS专家，所以我不确定如何解决此问题，任何建议都将非常有帮助。 谢谢-

Answer 1

您可以只使用简单的CSS（例如： http ： //sophie-g.net/jobs/css/e_buttons.htm ）来做同样的事情。

要么

如果您想获得更好的定时衰落，请使用Scriptaculous（ http://script.aculo.us/ ）。 这样，您就不必花时间在浏览器兼容性问题上。

Answer 2

我猜这是插件中的错误。 他们会检查插件中的浏览器名称，这始终是一个不好的信号（并非面向未来）。

无论如何，似乎您想要的按钮只是带有褪色背景色的文本按钮。 您为什么不可以只调整链接使其看起来像一个按钮，然后使用jQuery Color Animations插件 ？ 此解决方案更适合页面搜索和屏幕阅读器。

我在这里为您创建了一个简单的演示： http : //jsbin.com/egiha4/2

资料来源： http : //jsbin.com/egiha4/2/edit

需要一些样式和点击处理程序或href属性。