クローム勾配は項目がそれの上に表示されたときに色が変化

Question

あなたがで問題のコードを見ることができます

：https://test.fuzebox.com

ご挨拶！ 私は今までに見たことのない問題を今朝起しました。グローバルナビゲーションには一連のドロップダウンメニューがあります。それらの上にマウスを置くと、大きな青色のバーの上にドロップされます。 Chrome（Win/Mac）では、ドロップダウンによって青色のグラデーションバーの色に「印象」が残ります。グラデーションを削除して単色の背景色を使用するだけで問題は発生しません。私は、z-indexを使って "戻って"何のものも無駄にしてみました。私のグーグル・グーグルはこの種の問題について何も言わなかった。以下は前後の画像です。劇中

div要素は以下のとおりです。

• #fuze-home-blue-bar
• #fuze-home-blue-bar-bkgnd

とNAVドロップダウンXPathは次のとおりです。

/html/body[@class='template-document_view portaltype-document site-FuzeBox section-technology icons-on content-id-mobile']/div[@id='wrapper']/div[@id='fuzeportal-top']/div[@id='fuzeportal-header']/ul[@id='portal-globalnav']/li[@id='portaltab-technology']/ul[@class='submenu']/li[1]

をする前に

後の任意の提案が高く評価されています。他のブラウザ/ OSコンボでは発生しません。

Answer 1

Chromeのハードウェアアクセラレーションによって色がわずかに変わることがあります。この修正を試してみてください...それは魔法です。

#fuze-home-blue-bar { 
    -webkit-transform: translateZ(0); 
}