动画功能和Internet Explorer

时间:2011-02-06 11:43:10

标签: javascript internet-explorer animation opacity

我知道这是一个很长的镜头,因为它是一个很大的脚本,我怀疑任何人都想要阅读所有这些,但就在这里。

我有一个动画功能,可以动画元素列表的样式属性。可以找到此功能here。现在我知道所有关于跨浏览器的不透明度,我可以手动设置它,即我可以将元素的不透明度设置为.5(在IE的情况下为50),并且它在每个浏览器中都是完美的。就在我尝试通过我的函数设置不透明度属性时,它不会移动。

正如你在那里看到的,我有很多代码只是为了让IE的alpha(opacity=x)方法正常工作。

有关示例,请参阅this fiddle。很抱歉它太乱了。如果在IE以外的任何浏览器中单击Fade to .5 opacity on click.的段落标记,它将淡化为0,而不是.5,因为我正在测试内容。现在,如果您在IE中单击相同的标记,则不会发生任何事情。

我怀疑任何人都能够帮助解决这样一个复杂而具体的问题,但任何建议都会受到高度赞赏。

1 个答案:

答案 0 :(得分:1)

您似乎在css()animate()中实施了两次不透明度逻辑。无论您的目标是高性能,这都是不好的设计IMO。解决后,animate()将依赖于有效的css()功能,因此可以使用animate()