Chrome または CSS に奇妙なバグがあり、その理由がわかりません。
それは次の開発 Web サイトに関するものです: http://bit.ly/13KoKOU
Chrome でページを更新するたびに、リンクの両方の色が、訪問したデフォルトの紫の色から目的の色に点滅します。数ミリ秒間、紫色が表示されます。
また、ページを更新すると、すぐにサブメニューが消えていくのがわかります。もちろん、ロード時に非表示にする必要があるため、そうではありません。ただし、紫色のリンクの色と同様に、ミリ秒単位で確認できます。
私が使用するのはリンクのためだけです:
a:link,
a:visited{
color:#ff368e;
text-decoration: none!important;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
a:hover, a:focus { color: #d82071; }
サブメニューの場合:
.header .categories ul ul {
z-index: 1;
opacity:0;
visibility: hidden;
border-bottom: solid 1px #e7e7e7;
background: #fff;
display: block;
-webkit-box-shadow: 0 1px 1px #eee;
-moz-box-shadow: 0 1px 1px #eee;
box-shadow: 0 1px 1px #eee;
margin-left: 32px;
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-ms-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}
Google Chrome 26.0.1410.64 を使用しています。他のすべてのブラウザは正常に動作します。
それはバグですか、修正できますか、それとも私の CSS ですか?