【问题标题】:Menu Doesnt Hover the selected menu tab菜单不会悬停在选定的菜单选项卡上
【发布时间】:2023-04-09 15:32:01
【问题描述】:

我在这方面苦苦挣扎。我有菜单,这里的问题是当我从那里选择“饮食”菜单或任何其他菜单选项卡时,我希望该菜单选项卡处于活动状态 - 换句话说,突出显示。我尝试了很多,但没有成功。

谁能解释我怎么了?

在这里查看:

`http://jsfiddle.net/96VMj/`

【问题讨论】:

  • 您的意思是单击后要保持选中状态吗?
  • 遇到这样的问题,将代码缩减到说明问题所需的绝对最小值总是有帮助的。提供指向 jsfiddle 的链接,以便人们可以轻松查看发生的情况,也会使人们更有可能尝试并提供帮助。
  • @Richard 对不起,我有点新。
  • @SanderH 我的意思是,当我选择 rooms.html 选项卡时,我希望突出显示该选项卡,当我使用 #rooms 时它正在工作,但当我使用 rooms.html 时它不起作用。跨度>
  • @Richard 当然我现在已经更正了……

标签: css html menu hover


【解决方案1】:

您需要为所选项目添加一个 css 类,然后在您的 css 中为该类添加样式。

例如,如果您有一个在rooms.html 中定义的页面Rooms

  1. class = 'active-menu-item' 添加到房间菜单项。在rooms.html
  2. .active-menu-item 的样式添加到您的 css 文件中。

对每个页面重复此过程。

【讨论】:

    猜你喜欢
    • 2023-03-31
    • 2012-06-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-29
    • 1970-01-01
    • 2013-07-05
    • 2012-08-03
    相关资源
    最近更新 更多