当前位置：文江博客话题详情

某些导航元素在页面上时显示悬停，而其他元素则不显示？

发布于 2024-12-10 03:24:22 字数 248 浏览 0 评论 0原文

我的一个客户的网站导航遇到了一个奇怪的问题。在某些页面上，他们的悬停类似乎显示您当前正在查看的页面。但在其他人身上却没有？

我没有设计这个网站，但我正在帮助他们工作，所以我有点迷失。

http://www.hycroft.com/

当您当前使用时，套件和政策不会显示他们，但其余的......如果有人有任何见解，我将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦幻之岛 2024-12-17 03:24:22

悬停图像在菜单 css 中设置，

#nav li:hover, #nav li.sfhover,
body.index #nav li.index,
body.amenities #nav li.amenities,
body.concierge #nav li.concierge,
body.suites #nav li.suites,
body.specials #nav li.specials,
body.reservations #nav li.reservations,
body.location #nav li.location,
body.contact #nav li.contact {
    background-position: 0 -63px
}

因此当您位于主页时，body 标记会添加一个索引类。似乎未显示的页面应用了不同的名称。

The hover image is set in your menu css here,

#nav li:hover, #nav li.sfhover,
body.index #nav li.index,
body.amenities #nav li.amenities,
body.concierge #nav li.concierge,
body.suites #nav li.suites,
body.specials #nav li.specials,
body.reservations #nav li.reservations,
body.location #nav li.location,
body.contact #nav li.contact {
    background-position: 0 -63px
}

So when you are on the home page, the body tag has a index class added to it. It seems a different name is applied for pages where it does not show.

回复收藏 0 原文

十级心震 2024-12-17 03:24:22

看起来当前页面导航项的样式是由 body 元素上的类控制的。将“suites”类添加到主体中会导致显示它的指针。 “预订”类获取策略菜单项来执行此操作。

这些类不会应用于这些页面的 body 元素。（实际上正在应用不同的类）

回复收藏 0 原文

心是晴朗的。 2024-12-17 03:24:22

在 Suites 页面上：

#nav li:hover, #nav li.sfhover, body.index #nav li.index, body.amenities #nav li.amenities, body.concierge #nav li.concierge, body.suites #nav li.suites, body.specials #nav li.specials, body.reservations #nav li.reservations, body.location #nav li.location, body.contact #nav li.contact {
    background-position: 0 -63px;
}

显然，body 类决定了突出显示的菜单，但在 suites 页面上，

On the Suites page:

#nav li:hover, #nav li.sfhover, body.index #nav li.index, body.amenities #nav li.amenities, body.concierge #nav li.concierge, body.suites #nav li.suites, body.specials #nav li.specials, body.reservations #nav li.reservations, body.location #nav li.location, body.contact #nav li.contact {
    background-position: 0 -63px;
}

Clearly the body class determines the highlighted menu, but on the suites page,

<body class="monaco">

回复收藏 0 原文

~没有更多了~