jquery - 多重转换

Question

昨天我解决了关于 jquery 的问题，它没有正确加载。今天我又遇到了另一个问题:一个元素的两个过渡。第一个过渡在页面加载时开始:它淡入。当我不使用我的第二个过渡时，这个实际上有效。当有人将鼠标悬停在 ul 上时，我的第二个转换必须开始。问题是悬停过渡“覆盖”了淡入过渡。我的 jsFiddle: http://jsfiddle.net/2cpX6/6/

提前致谢。

Answer 1

具有相同名称的 CSS 规则会相互覆盖，就像任何其他规则一样。

试试这个:

transition: opacity 2s ease-in, color 0.3s ease-in-out;

请注意，您只需要 transition 和 -webkit-transition，因为 Firefox 和 Opera 现在完全支持无前缀版本，以及 -ms-transition 从未存在过。