【问题标题】:Dropdown menu flickering on hover after updating to Chrome 45更新到 Chrome 45 后,悬停时下拉菜单闪烁
【发布时间】:2015-12-06 13:03:48
【问题描述】:

在我正在处理的网站上看到一个奇怪的错误,我使用的是 Chrome 44,并且该错误是由已更新到 45 的用户报告的。当悬停在下拉菜单上时,链接会闪烁并出现偏移,请参见屏幕截图:

我在 44 上测试过,但看不到它,但在更新后它出现了。我猜只有一个 CSS :hover 规则需要整理,但我想问一下在更新到 Chrome 45 时是否有其他人遇到过类似的问题? Here's a link to the live site

【问题讨论】:

    标签: css google-chrome drop-down-menu hover


    【解决方案1】:

    只需将position: relative 添加到所有下拉链接悬停状态即可解决此问题,以防其他人遇到此错误:

    #lists li:hover a {
        position: relative;
    }
    

    【讨论】:

    • 感谢您告知我们。出于兴趣,我想知道使用<dl> 而不引用孩子<dd> 是否会引起问题?因为它看起来就像浏览器在悬停时复制了元素。
    • 嗯,也许,有一个 dt,但也许 dl 期望 dd 的。它看起来确实被复制了,但我不知道这是否只是悬停状态被快速打开和关闭并抵消它或 js 复制它
    • dls 意味着有 2 个孩子:dtdd。仅仅使用普通的 ulli 孩子可能会更好一些(但我不确定在这种特殊情况下你是否需要一个列表)。
    • 嗯,是的,我正在使用无法更改的 php 模板中的旧标记,因为遗憾的是它已在 150 个站点中使用
    • 很公平。 “理想”并不总是可行的!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-25
    • 2021-01-06
    • 2012-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多