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

Question

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

它的工作原理是将翻转图像放在背景中，并在用户翻转图像时淡出原始图像状态。IE7讨厌它。翻转状态显示在原始图像的正下方。

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

这在IE7中应该很明显，但是添加到购物车的按钮应该是Jquery滚动。我不是一个JS专家，所以我不确定如何去解决这个问题，任何建议都会非常有帮助。谢谢-

Answer 1

我猜这是插件中的一个bug。他们检查插件中的浏览器名称，这总是一个不好的信号(不是面向未来的)。

无论如何，你想要的按钮似乎只是文本按钮，带有淡入淡出的背景颜色。为什么不把链接改成按钮的样子，然后使用jQuery Color Animations plugin呢？此解决方案更适用于页面搜索和屏幕阅读器。

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

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

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

Answer 2

您可以只使用简单的CSS (这里的示例：http://sophie-g.net/jobs/css/e_buttons.htm)来做同样的事情。

或

如果要使用更美观的定时淡入淡出，请使用脚本(http://script.aculo.us/)。这样你就不必花时间处理浏览器的兼容性问题了。