带有可滚动元素的CSS Hover在较新的Chrome浏览器中不起作用

时间:2017-02-09 11:51:34

标签: html css google-chrome

我正在运行以下小提琴

View here

使用简单的悬停触发器来显示内容

ul li:hover > ul
{
    display:block
}

它会在悬停时创建一个下拉列表,如果项目太多,则会显示滚动条。

这在IE和Firefox中运行良好,但我注意到如果滚动条在Chrome中被鼠标移除,它会在您滚动项目之前杀死悬停状态。在以后的Chrome浏览器中似乎是一个问题,因为在Chrome 55中它按预期工作,但在Chrome 56.0(.2924)上会发生这种情况。

我不想专门介绍JS来解决这个问题,希望能在CSS中管理所有内容。

任何人都可以看到为什么这个悬停状态不被尊重的问题?

由于

1 个答案:

答案 0 :(得分:1)

Chrome 56中存在一个错误,将鼠标悬停在滚动条上不会导致该元素的悬停事件。它将固定为57. https://bugs.chromium.org/p/chromium/issues/detail?id=686678