jquery - 多重转换

标签 jquery html css

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

提前致谢。

最佳答案

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

试试这个:

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

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

关于jquery - 多重转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16635886/

相关文章:

IE9 的 Jquery Maphilight 问题

javascript - 是否有任何类型的 jQuery.browser 后备?

javascript - 每个复选框都会触发事件

javascript - 未捕获的类型错误 : Cannot read property "top" of null

javascript - 根据鼠标位置使用 Javascript 设置 CSS 'top' 属性

css - 多背景css3动画

html - 在尊重浏览器字体设置的同时格式化 html 和 css

jQuery-如何仅针对单个列表项进行删除

html - 如何在所有div下方显示文字

css - 如何在视频标签上制作背景?