【问题标题】:css menu hover "hangs" in chrome & safarichrome和safari中的css菜单悬停“挂起”
【发布时间】: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 中调整大小或将鼠标悬停在/选择元素后,菜单消失。

标签: css menu webkit hover


【解决方案1】:

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

【讨论】:

  • 优秀。就像很多 CSS 一样,不要问我为什么 ;)
  • 当我的菜鸟状态升级时会给你答案的:-)
猜你喜欢
  • 1970-01-01
  • 2011-02-17
  • 2012-03-30
  • 2011-04-05
  • 1970-01-01
  • 2012-11-07
  • 1970-01-01
  • 2012-08-06
  • 1970-01-01
相关资源
最近更新 更多