CSS3 のカラートランジションが Chrome で機能しない 質問する

CSS3 のカラートランジションが Chrome で機能しない 質問する

左メニューのリンクこのウェブサイトには、マウスをホバーすると変化するCSS3 トランジション プロパティがありますcolor。これは Chrome 16 または 17 では機能しません (色が突然変わります)。ただし、Web サイト内の他のトランジションは機能します。これは、Chrome と同様に Web キットを使用する Firefox、Opera、さらには Safari でも機能するため、CSS の問題ではないと思います。それでは、どうすればよいのでしょうか。

この部分のCSSはこちらです(完全なCSSはここ):

#menu a
{
color: gray;
transition: color 0.5s;
-moz-transition:color 0.5s; /* Firefox 4 */
-webkit-transition:color 0.5s; /* Safari and Chrome */
-o-transition:color 0.5s; /* Opera */
}

#menu a:visited
{
color: gray;
}

#menu a:hover
{
color: black;
}

アップデート!どうやら、これは 18 ベータ版で修正されたようです。ただし、この問題に遭遇した場合は、以下の承認済み回答にリンクされているバグ レポートにアクセスし、問題にスターを付けてください。

ベストアンサー1

@Nijikokun 私も同じことを確認できます。:visited リンクは Chrome では正しく遷移しません。やったー。これはバージョン 16 で発生した問題のようで、修正されていません。Chromium サイトでバグ レポートがいくつか公開されています。

http://code.google.com/p/chromium/issues/detail?id=101245&q=visited%20transition&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20Area%20Feature%20Status%20Owner%20Summary

おすすめ記事