jQuery CSS Animate不能在Firefox，Chrome中工作但在Safari中工作

Question

我做了一些项目。有一天，我重新审视那个项目，发现jquery CSS Animation根本不起作用！

转到网站http://goo.gl/3ZhJEI
1）点击投资组合。
2）当你点击Portfolio页面上的任何一个框时，它应该淡出并淡入某些东西。

几个月前就有效了。我不确定为什么它现在不起作用。奇怪的是它可以在本地所有浏览器上运行。它适用于Safari在线，但不适用于Firefox和Chrome在线。这非常奇怪。

我不使用任何CSS3转换，所有都基于jquery CSS Animate。我使用require-jquery.js来加载jquery。

杂项信息
在Firefox 26.0，Chrome版本32.0.1700.77，Safari 6.1

上测试

Answer 1

我在SRware Iron版本28上遇到问题。对于其他浏览器，它运行良好。 也许你有充分的理由不在那里使用CSS动画，但它是使其运行良好且没有错误的最简单方法，例如：

a img {
opacity: 1;
transition: opacity 1s;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
}

a img:hover
{
opacity :0.5;
}