浮动图像中断悬停

Question

我遇到了图像中断悬停状态的问题。我有我的菜单，它是 wordpress 的大型菜单下拉菜单。然后，我将公司的徽标在菜单上方进行 z 索引，以便它覆盖顶部菜单的一部分和下拉菜单的一部分。当我的鼠标滚动到 z-indexed 徽标上时，它会打破我的悬停状态并关闭下拉菜单。有没有办法让图像基本上不在悬停时注册？

Answer 1

你可以添加

  pointer-events: none;

到您的 .top-menu-logo。它适用于现代浏览器，但这不一定是我推荐的 html 结构。