CSS转换仅适用于某些元素

Question

我有一个菜单，其中每个锚点在悬停时都应该进行简单的颜色渐变。问题是，在Chrome v16.0.912.75中，只有一个锚点元素在执行此操作（在本例中，只有"twitter"链接），并且在IE9中没有任何元素在转换（Firefox 8.0.1工作正常）。我已经旋转了链接的顺序，并从"twitter"链接中删除了"last"类，但没有结果。

这里面没有太多内容，所以我不知道为什么它不起作用。

#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.提前感谢您抽出时间。

Answer 1

IE9不支持CSS转换，Webkit有一个错误阻止：访问的链接被动画化。

Answer 2

查看此链接上的浏览器支持。您可能想要寻找JavaScript/JavaScript框架解决方案？

http://www.w3schools.com/css3/css3_transitions.asp