使“下拉菜单”和“头菜单”相对不会使de“下拉菜单”按下悬停时的“头菜单”

Question

所以我再次遇到一些问题。这次是当我将鼠标悬停在portfoilio的下拉菜单上时（当网站处于移动视图模式时），它将只是覆盖其他元素，我尝试将所有相关内容，移除浮动并尝试了许多其他的东西但似乎没什么用。我想阻止在下拉菜单的父级下面添加一个边距，因为如果我想稍后添加更多的下拉，那么我就不必再次更改我的代码了。

请注意，问题出在移动网站视图而不是正常的网站视图！

提前致谢！

Answer 1

问题在于你为height:30px设置了.navigation_menu > ul > li，所以当然这是唯一会被占用的空间。

将其更改为line-height:30px即可解决此问题。你可以see it in action here。有更多'优雅'的方式来实现这样的菜单，但这是一个完全不同的事情，这不是谈论它的地方。

当然，这并没有改变移动设备没有“悬停”的事实（有时第一次点击被认为是悬停，第二次点按是点击，但如果你有链接，第一次点击可以作为点击事件） 。有一些jQuery脚本such as this可以解决这个问题。