4

您可以在以下位置查看有问题的代码:https ://test.fuzebox.com

问候!今天早上我遇到了一个我以前从未见过的问题。我们的全球导航中有一组下拉菜单。当您将鼠标悬停在它们上时,它们会“落在”大蓝色条上。在 Chrome (Win/Mac) 中,下拉菜单会在蓝色渐变条的颜色上留下“印象”。如果您删除渐变并仅使用纯色背景色,则不会出现此问题。我尝试用 z-indexes 将一些东西“推回”无济于事。我的谷歌搜索没有发现这类问题。下面是之前和之后的图像。

游戏中的 DIV 是:

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

导航下拉 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]

前

后

任何建议表示赞赏。不会出现在任何其他浏览器/操作系统组合中。

4

1 回答 1

3

有时 Chrome 的硬件加速会稍微改变颜色。试试这个修复......这很神奇。

#fuze-home-blue-bar {
   -webkit-transform: translateZ(0);
}
于 2012-04-20T17:49:07.823 回答