我做了一些项目。有一天,我重新审视那个项目,发现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
答案 0 :(得分:0)
我在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;
}