我的下拉菜单出了问题。当我尝试单击子菜单中的某个链接时,焦点将从父节点丢失,因此菜单消失,从而无法按照子菜单中的链接进行操作。我搜索了这个论坛和谷歌,虽然有很多类似的问题,但我无法找到解决我特定问题的方法。我非常感谢任何帮助。该网站为www.emmatuscaloosa.com,子菜单位于"类别"按钮。
答案 0 :(得分:0)
我通过在子菜单悬停状态中添加一些CSS,为此制定了一个非常简单的修复方法。我使用max-height属性隐藏/显示子菜单,并通过编写:
来解决问题.sub-menu:hover { 最大高度:100% }
那么简单!只要鼠标悬停在任何子菜单项上,菜单就必须保持可见,从而有足够的时间点击随附的链接。不确定这是否是正确的"解决问题的方法,但它的工作就像一个魅力。感谢您的贡献。
答案 1 :(得分:0)
不显示子菜单。.而是不透明地隐藏它。
答案 2 :(得分:-1)
不要'使用焦点。还有其他方法,例如您可以使用:target或:hover打开子菜单。使用target,您必须在子菜单中添加id。 目标:
.sub-menu{display:none;}
#categories:target{display:block}
另一种方法是使用Javascript。