滚动条在 Chrome 中悬停时更改颜色答案

【问题标题】：Scrollbar changes colors on hover in Chrome滚动条在 Chrome 中悬停时更改颜色
【发布时间】：2013-08-09 02:35:04
【问题描述】：

当我将鼠标悬停在 div 上时，我在 Chrome 中遇到了一个奇怪的问题。滚动条变为一些奇怪的颜色，但仅在悬停时。截图如下（左为正常，右为悬停）：

我没有尝试设置滚动条或任何东西的样式，所以我不知道为什么会发生这种情况。它也只发生在 XP 上，这真的很奇怪。我猜这是一个 Chrome 错误，但也许不是。唯一奇怪的是它在下拉菜单中，但不应该那样搞砸。

编辑：它只发生在这个特定的滚动条上，而不是任何其他滚动条上。

编辑 2：重新启动没有帮助。

编辑 3：它发生在任何装有 Chrome 和 XP 的计算机上。 ~~我会尝试制作一个演示，但目前它属于半机密的内部事务。~~这是一个演示：http://www.weblinxinc.com/bug/

编辑 4：删除 CSS3 过渡，仍然是个问题。

【问题讨论】：

你重启了吗？它看起来更像是一个窗口管理器问题。
你能提供一个链接以便我们测试吗？
重新启动，什么也没做。还发布了有关演示的内容，我会尝试整理一些东西，但我无法真正发布完整的内容。
半机密？拜托，这里没有人会“窃取”你的 CSS，要么发布一种方法来重现它，要么它没有发生。您是否尝试过删除所有 CSS，以便至少知道这是否是 CSS 问题？
那个特定元素设置了-webkit-transition，对吗？过渡会在 Chrome 中触发硬件加速，所以我会尝试禁用它们（如果可能，我不使用 Chrome）看看这是否真的是原因。在 10 年前的操作系统上，硬件加速中的 IMO 错误很可能发生。

【解决方案1】：

看起来像一个已知的 Chrome 错误：

如果我删除了页面正文标签上的背景图片以及 ul 上的背景，则效果停止。

【讨论】：

【解决方案2】：

我发现了这个修复：我在插件中使用它（Lightbox Evolution）。

对于我使用的那个特定插件：

@media screen and (-webkit-min-device-pixel-ratio:0){.jquery-lightbox-html{opacity: 0.99 !important;}}

如果使用滚动条更改子元素的类，它将正确呈现。当任何父级具有不透明度并且您的子级上有滚动条时，就会发生此错误。

【讨论】：