CSS Transition只处理一些元素 [英] CSS Transition only working on some elements

问题描述

我有一个菜单，其中每个锚点应该做一个简单的颜色褪色过渡，当徘徊。事情是，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="http://www.facebook.com">facebook</a>
    <a href="http://www.twitter.com" class="last">twitter</a>
</div>

您可以在 http://events.bridalflowersexclusive.com 。提前感谢您的时间。

You can see the working at http://events.bridalflowersexclusive.com. 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.

这篇关于CSS Transition只处理一些元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！