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

时间:2010-04-10 15:50:12

标签: javascript jquery html css internet-explorer-7

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

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

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

在IE7中应该很明显,但添加到购物车按钮被假定为Jquery翻转。我绝不是JS专家所以我不确定如何解决这个问题,任何建议都会非常有帮助。谢谢 -

2 个答案:

答案 0 :(得分:0)

你可以使用简单的CSS(例如:http://sophie-g.net/jobs/css/e_buttons.htm)来做同样的事情。

如果你想拥有更漂亮的定时褪色,请使用Scriptaculous(http://script.aculo.us/)。 这样您就不必花时间处理浏览器兼容性问题。

答案 1 :(得分:0)

我猜这是插件中的一个错误。他们检查插件中的浏览器名称,这总是一个不好的迹象(不是面向未来)。

无论如何,看起来你想要的按钮只是背景色渐变的文字按钮。为什么你不能只是将链接调整为按钮,并使用jQuery Color Animations plugin?。此解决方案适用于页面搜索和屏幕阅读器。

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

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

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