CSS Transition只处理一些元素

本文介绍了CSS Transition只处理一些元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有一个菜单，其中每个锚点应该做一个简单的颜色褪色过渡，当徘徊。事情是，Chrome v16.0.912.75中只有一个锚点元素（在这种情况下，只有'twitter'链接），并且没有任何元素在IE9（Firefox 8.0.1工作正常）中转换。我已经旋转了链接的顺序，并从twitter链接中删除了最后一个类，没有结果。

I have a menu in which each anchor should do a simple color fade transition when hovered over. The thing is that only one of the anchor elements is doing it (in this case, only the 'twitter' link) in Chrome v16.0.912.75 and none of the elements are transitioning in IE9 (Firefox 8.0.1 works OK). I have rotated the order of the links and have removed the 'last' class from the 'twitter' link with no results.

这里没有太多，不知道为什么它不工作。

There's not much to this so I'm not sure why it isn't working.

#menu_left a{ display:block; width:100px; height:30px; margin:10px auto; font:18px bold; text-decoration:none; border-bottom:1px dotted #e69b8d; -webkit-transition: 0.25s ease-in; -moz-transition: 0.25s ease-in; transition: 0.25s ease-in; } #menu_left a.last{border-bottom:none;} #menu_left a:hover{ color:#ed9887; transition: 0.25s ease-out; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; } <div id="menu_left"> <a href="/">home</a> <a href="/gallery/">gallery</a> <a href="/contact/">contact us</a> <a href="www.facebook">facebook</a> <a href="www.twitter" class="last">twitter</a> </div>

您可以在 events.bridalflowersexclusive 。提前感谢您的时间。

You can see the working at events.bridalflowersexclusive. Thanks in advance for your time.

推荐答案

IE9不支持CSS转换，Webkit有一个错误，阻止：正在动画。

IE9 doesn't support CSS transitions, Webkit has a bug that prevents :visited links from being animated.