2

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 ですか?

4

0 に答える 0