css - 悬停后通过 Spry 菜单栏显示的图像

Question

我的菜单在带有 z-index 的 IE 上可以正常工作，但无法在 chrome 和 firefox 上获得相同的结果。如果你去 www.rsd17.org/test/test/untitled1.shtml 并在顶部的快捷菜单栏上将鼠标悬停在学生身上。然后将鼠标向下移动到任何元素，您将看到图片的一 Angular 通过菜单。在 IE 中不是这种情况。任何人都知道我需要更改我的 css 中的哪个元素来纠正这个问题？如果你们需要查看我的 CSS 以提供帮助，请告诉我。

谢谢

Answer 1

通过向菜单和子菜单添加相对位置解决了这个问题，并使整个条形位置成为绝对位置。不确定这是否是执行此操作的正确方法，但这就是我解决问题的方法。