li：在chrome浏览器上悬停问题

Question

我在我的页面上使用第三方菜单插件，在主要项目上悬停打开子菜单。在FF浏览器上它似乎工作正常，但在chrome上子菜单不会显示在所需位置（请参阅截图附上）。最奇怪的部分是这只剩下一段时间了，在这个页面上花了一些时间才显示出来。

这是浏览器问题吗？

CSS显示子菜单

#cssmenu > ul > li:hover > ul {
top: 52px;
left: 0;
opacity: 1;
}

Answer 1

您需要为Chrome浏览器添加一行css，并根据您的要求设置-webkit-top的值。我面临着与chrome相同的问题，但是它已经通过分别使用-webkit-和-ie-解决了chrome和ie。

像这样：

#cssmenu > ul > li:hover > ul {
top: 52px;
left: 0;
opacity: 1;
-webkit-top:12px;
}

Answer 2

尝试添加：

position: absolute;
top: 100%;