jQuery CSS Animate 在 Firefox、Chrome 中不起作用，但在 Safari 中起作用

Question

前段时间我做了一些元素。有一天，我重新审视了那个元素，发现 jquery CSS Animation 根本不起作用!

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

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

我没有使用任何 CSS3 transitions，都是基于 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;
}