2011-12-22 16 views
0

私のヘッダーには、このCSSが指定されています。リンクのほとんどのためにCSS3変換がすべて<a>要素に適用されない

a:link { 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
    color:#3462D6; 
} 

a:visited { 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
    color:#3462D6; 
} 

a:hover { 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
    color:#82D1F7; 
} 

a:active { 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
    color:#3462D6; 
} 

a { 
    text-decoration: none; 
} 

、遷移が働いている、しかし、Firefoxの内、私はChromeでアニメーションを再生していない(そして、私は同様に他のWebKitブラウザを引き受ける)訪問したことをリンクしかし、すべてのリンクを行いますトランジションアニメーションはちょうど良い。

Chromeで移行していないリンクの原因は何ですか? URLはhttp://www.fuyuri.com

+0

あなたはこの効果が出るのを知りませんでしたが、私は今日何かを学んだことがあります!訪問したと言ったら、リンクをクリックして返されますか?その場合は ':visited'を使って色を適用するだけです – Dan

+0

はい。更新されたコードを確認してください。それでも同じエラーが発生します。 – but2002

答えて

0

ホバー状態よりも上に移動します。 - リンク、訪問、アクティブ、ホバー、フォーカス。すべての州にトランジションを適用する必要があります。トランジションは継承されません。

+0

私はあなたが述べたようにしましたが、エラーはまだ発生しています。はい、キャッシュをクリアしています。 – but2002

+0

また、私のXHTMLクラスと研究では、注文が「リンク、訪問、ホバー、アクティブ」であると言われています – but2002

+0

私の新しいコード変更を反映するために私の元の投稿を編集しました。ご協力いただきありがとうございます! – but2002

関連する問題