トランジションを使用しているときにChromeでこの紫色のフラッシュを避けるにはどうすればよいですか？

Question

問題はhttp://rohitarondekar.com/articles（およびサイトのすべてのページ）です。 Chromeでページを読み込むと、リンクが紫色から目的の色に変わります。問題が表示されない場合は、ハードリフレッシュを試みてください。これがバグか私のCSSの問題か分かりません。次のように私は、関連するCSSの小さなスニペットを含めました：

/* 
* Reset 
*/ 

* { 
    margin: 0; 
    padding: 0; 
} 

a { 
    color: #999; 
    text-decoration: none; 

    -webkit-transition-duration: 500ms; 
    -webkit-transition-property: background, color; 
    -webkit-transition-timing-function: ease; 

    -moz-transition-duration: 500ms; 
    -moz-transition-property: background, color; 
    -moz-transition-timing-function: ease; 

    -o-transition-duration: 500ms; 
    -o-transition-property: background, color; 
    -o-transition-timing-function: ease; 

    transition-duration: 500ms; 
    transition-property: background, color; 
    transition-timing-function: ease; 
} 

a:hover { 
    color: #0077cc; 
    padding-bottom: 2px; 
    border-bottom: solid 1px #ccc; 
} 

h1 a { 
    font-family: Georgia, "Nimbus Roman No9 L", Serif; 
    color: #6A6A6A; 
} 

h1 a:hover { 
    color: #0077cc; 
    border-bottom: 0; 
} 

nav ul li a#active { 
    color: #555; 
} 

nav ul li a#active:hover { 
    color: #0077cc; 
} 

section#content a { 
    color: #0077cc; 
} 

section#content a:hover { 
    color: #6A6A6A; 
    background-color: #f0f0f0; 
    border-bottom: 0; 
} 

footer a { 
    color: #EEE; 
} 

footer a:hover { 
    color: #222; 
    background-color: #EEE; 
    border-bottom: 0; 
} 

私は問題があると考えているため、私はCSS3のすでにリンク、特定の色に紫からのリンクの移行を訪問してきましたので、遷移プロパティ。

私が使用しているChromeのバージョンは、Ubuntu 64ビット版で7.0.517.44です。どのようにこれを避けることができるかについての助けは大いに感謝されるでしょう。また、他の情報が必要な場合は尋ねてください。ありがとう！

Answer 1

私は7.0.517.44 Mac上でそれを見ることはありません、しかし、あなたは明示的に訪問し、色を述べてみてください可能性があります

a:visited { 
    color: #0077cc; 
} 

はあなたの移行宣言は、私にはよく見ます。