单击子li时,CSS Focus Dropdown菜单消失

时间:2016-03-22 23:11:32

标签: css menu focus submenu

我的下拉菜单出了问题。当我尝试单击子菜单中的某个链接时,焦点将从父节点丢失,因此菜单消失,从而无法按照子菜单中的链接进行操作。我搜索了这个论坛和谷歌,虽然有很多类似的问题,但我无法找到解决我特定问题的方法。我非常感谢任何帮助。该网站为www.emmatuscaloosa.com,子菜单位于"类别"按钮。

3 个答案:

答案 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。