Opera下拉菜单悬停问题

Posted 2023-05-08

【中文标题】Opera下拉菜单悬停问题

【英文标题】：Opera Drop down menu hover issue

【发布时间】：2012-09-12 12:56:36

【问题描述】：

我刚刚为我的网站创建了一个下拉菜单。它在所有其他浏览器中都可以正常工作，除了新版本的 12.02 Opera。

网站网址：http://www.sktechnologyworld.com/demo/anything/

在这里，当您将鼠标悬停在“类别”上时，它会显示该类别的下拉菜单，然后当您将鼠标悬停在类别上时，它会显示该类别的子类别。此时，该特定类别的顶部仍然存在背景线，并且在所有子类别中都是相同的。但是，当我通过按 ctrl+shift+I 在歌剧中打开 Dragon Fly 时，它可以正常工作，但是如果 Dragon Fly 没有打开，那就很奇怪了。

这很奇怪，以前没有遇到过这种问题。有什么帮助吗？

谢谢

【问题讨论】：

这是一个重绘错误 :( 由于某种原因您的菜单未正确重绘。这可能与低效的 DOM 调用有关。

这是一个 CSS 驱动的菜单，所以我们不能责怪任何 DOM 脚本 ;-)

【参考方案1】：

这确实是 Opera 中的一个错误。由于这只是一个外观问题，对功能没有太大影响，我建议您只需 report a bug to Opera Software 并在修复之前忘记它:-)

根本原因是Opera未能正确绘制A元素的padding-top的背景色。它主要由#CategoriesBar .nav 上的 padding-top:9px 指令触发。然而，试图解决它意味着在你的 CSS 中添加 hack，这使得它更难理解和维护——甚至更有可能在未来的浏览器中崩溃。因此，报告错误而不是尝试解决它是您前进的最佳方式。

这是一个简化的演示，您可以在报告错误时参考： http://jsfiddle.net/sNHbB/

请告诉我错误参考编号，我会为您提供帮助。