图像显示通过Spry菜单栏后悬停(Image Showing through Spry Menu Bar after hover over)

图像显示通过Spry菜单栏后悬停(Image Showing through Spry Menu Bar after hover over)

我在IE浏览器上使用z-index进行了正确的菜单，但是使用chrome和firefox无法获得相同的结果。 如果您访问www.rsd17.org/test/test/untitled1.shtml并在顶部spry菜单栏上将鼠标悬停在学生身上。 然后鼠标按下任何项目，您将看到图片的一角通过菜单。 在IE中不是这种情况。 任何人都知道我需要在我的CSS中更改哪个元素来纠正这个问题？ 如果你们需要看看我的CSS帮忙，请告诉我。

谢谢

I have the menu working correct on IE with z-indexs but can't get the same results with chrome and firefox. If you go to www.rsd17.org/test/test/untitled1.shtml and on the top spry menu bar hover over students. Then mouse down to any of the items you will see the corner of the picture go through the menu. This is not the case in IE. Anyone know which element I need to change in my css to correct this issue? Let me know if you guys need to see my CSS to help out.

Thanks

最满意答案

通过在菜单和子菜单中添加相对位置来修复问题，并使整个柱位置绝对。 不确定这是否是正确的方法，但这是我解决问题的方法。

fixed the issue by adding in relative position to the menu and submenu, and made the whole bar position absolute. Not sure if this is the correct way to do this, but this is how I fixed my issue.