CSS -Übergang arbeitet nur an einigen Elementen

Question

Ich habe ein Menü, in dem jeder Anker einen einfachen Farbverblasungsübergang durchführen sollte, wenn er überlebt. Die Sache ist, dass nur eines der Ankerelemente dies (in diesem Fall nur der "Twitter" -Link) in Chrome V16.0.912.75 macht und keines der Elemente in IE9 übergeht (Firefox 8.0.1 funktioniert in Ordnung). Ich habe die Reihenfolge der Links gedreht und die "letzte" Klasse aus dem "Twitter" -Link ohne Ergebnisse entfernt.

Das hat nicht viel zu diesem Zeitpunkt, also bin ich mir nicht sicher, warum es nicht funktioniert.

#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>

Sie können das Arbeiten sehen http://events.bridalflowersExclusive.com. Vielen Dank im Voraus für Ihre Zeit.

Answer 1

IE9 unterstützt keine CSS -Übergänge, Webkit hat einen Fehler, der verhindert: Besuche Links animiert.

Answer 2

Schauen Sie sich den Browser -Support auf diesem Link an. Möglicherweise möchten Sie nach einer JavaScript / JavaScript -Framework -Lösung suchen?

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