Css 谷歌chrome上的悬停菜单消失-在IE和firefox中工作

只有在chrome上，鼠标悬停时左侧边栏菜单消失。这不会发生在页面顶部，但在页面中间滚动时可以看到

显示问题的图像-->

代码：

演示站点：-->请在页面中间向下滚动，并将鼠标悬停在左侧菜单栏上以查看问题

---

感谢您的帮助

我自己也明白了，我已经厌倦了人们把不相关的回复放在Joomla php页面上摆弄，页面上有很棒的图标、bootstrap、jquery等等，甚至我的css可以用更少的资源创建。这真的是一个复杂的三级菜单系统，人们甚至不看示例和屏幕截图就说要摆弄它。制作小提琴是可能的，但对我来说需要一整天的时间（我不是专家，如果是的话，我一开始就不会在这里问这个问题） 如果你不想回答，这很好，也可以理解，但不要只是说——在发布演示和截图时，如果没有小提琴，这是不好的。继续前进-友善点-这里每个人都在打一场硬仗

对于任何试图制作3级菜单的人来说，以下是答案

我们的想法是删除溢出属性，因为它与固定位置结合在一起会破坏Chrome。这是一个众所周知的错误，已经有报道。移除溢出隐藏后，接下来的步骤是将菜单列表项推到左侧。这会使菜单消失，但随后使用边距将图标推到右侧。简而言之，将菜单项向左移动，使其隐藏，并仅将图标向右移动。删除css中的溢出声明，因为它破坏了chrome

.tm-sidebar .uk-navbar-nav li {margin-left: -175px;}
.tm-sidebar .uk-navbar-nav li a i {margin-left: 175px;}

---

抱歉地说，Chrome:X中的内容远不止这些，我无法理解CSS的头绪，也无法理解您试图用它实现的目标。@Neils-您是否意识到，只需发布一些无关的答案，您就可以减少问题被其他愿意帮助的人回答的机会？你不明白什么？你看过张贴的演示吗？如问题中所示，悬停时1级菜单消失。没有其他东西被破坏。事实上，这增加了机会，因为我的活动增加了问题的难度。我玩了很长时间的演示，但是，根据你点击的位置，更多的内容消失并出现在我当前的Chrome安装中。我认为你需要严格简化你的CSS规则，我在那里看到了大量的东西，这些东西根本就不是必要的，也不是多余的。好的，谢谢你的参与。我一直在努力解决这个问题。我看到很多类似的问题，包括这个---但是这些解决方案破坏了其他的东西。它可能会看到有很多东西，但它并不像你想象的那样直截了当。有3个级别-图标栏，悬停时显示级别1菜单，悬停时显示级别2。无论如何，谢谢你的回答。请尝试用尽可能少的代码重新创建这个问题，最好是在JSFIDLE或jsbin上。你在准备一个好问题上投入的工作越多，其他人就越容易帮助你回答。

.tm-sidebar .uk-navbar-nav li {margin-left: -175px;}
.tm-sidebar .uk-navbar-nav li a i {margin-left: 175px;}