我正尝试用CSS实现一个多级的下拉导航菜单,但有一个小部分我似乎无法正常工作。
应该发生的情况是:
1)当鼠标悬停在菜单项上时,应使用不同的图像突出显示该菜单项(这很好用)。2)当鼠标悬停在子菜单项上时,父菜单项应突出显示。
Point2可以很好地工作,直到我在父菜单项上有一个类.bottom (这个类用于图像的细微差别)。如果父菜单项具有.bottom类,则不会发生高亮显示。
可以在此处查看演示:
演示显示,当鼠标悬停在Menu 1> Sub Menu 3> Sub Sub Menu X上时,Sub Menu 3高亮显示。但是,将鼠标悬停在菜单2>子菜单3>子菜单X上
我制作了一个在鼠标悬停时显示图像的方法。当我将鼠标悬停在屏幕上时,会显示来自system.out.println(“成功!”);的消息,但图像不会出现。有谁可以帮我?
public void titleView() {
Image img = new Image("Img\\titleSirius.png");
ImageView title = new ImageView(img);
title.setImage(img);
title.setLayoutX(569);
title.setLayoutY(146);
titl
在上,当你将鼠标悬停在导航标题“服务”上时,会出现一个下拉列表。然后,当你将鼠标悬停在导航和鼠标标题“修复”上时,你会看到一个二级菜单出现。
我想将第二个黄色的子菜单向上移动,使其与其父菜单“修复”对齐。
现在,我可以通过将top: 0;和have top:-40px添加到ID property: nav li ul li ul来做到这一点。但是,将top:0和/或任何页边距添加到nav li ul li ul会导致二级黄色子导航始终显示,而不是仅在悬停时显示。
有什么建议吗?