chrome和safari中的css菜单悬停“挂起”

Posted 2023-03-06

【中文标题】chrome和safari中的css菜单悬停“挂起”

【英文标题】：css menu hover "hangs" in chrome & safari

【发布时间】：2011-02-09 11:59:21

【问题描述】：

问候 - 挣扎于三级 CSS 菜单。 在 Mac 版 FireFox 和 Opera 中运行良好，但在 Chrome 和 Safari 中，在您将光标移开后，第三级“粘住”或“挂起”作为水印。

我尝试了几种不同的方法，但都没有运气。

现场演示：

http://www.it-stud.hiof.no/~benteh/tmp/

我已经删除了其他所有内容，所以这只是菜单 css 和 html。 （PS.考古、古人类、环境只有三个等级）

【问题讨论】：

这是你在那里发现的一个很好的错误。你绝对应该举报：webkit.org/quality/reporting.html

我可以确认它发生在 Chrome 中，所以不只是你。

我很乐意报告它，但我不敢相信它无法修复/无法解决？这可能很容易，我只是盯着它看了很长时间，我看不到解决方案。并感谢两者 - 很高兴知道这不仅仅是我:-)

当一个窗口被重新渲染时，例如在 Web Inspector 中调整大小或将鼠标悬停在/选择元素后，菜单消失。

【参考方案1】：

您可能有兴趣知道从“.menu ul li ul”选择器（CSS 的第 105 行）中删除“visibilty: hidden”规则可以解决我在 Chrome 中的问题。签入 FF3.6 并且它也可以工作 - 没有在其他任何内容中签入。

【讨论】：

优秀。就像很多 CSS 一样，不要问我为什么 ;)

当我的菜鸟状态升级时会给你答案的:-)