Question

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

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

http://www.hycroft.com/

套房和政策不会在您目前使用时显示，但其余部分也会显示..如果有人有任何见解我会很感激。

Answer 1

看起来当前页面导航项的样式由body元素上的类控制。将“suites”类添加到正文会导致指针显示。 “reservations”类获取策略菜单项。

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

Answer 2

在套房页面上：

#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类决定了突出显示的菜单，但在套件页面上

<body class="monaco">

Answer 3

悬停图像在菜单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标签会添加一个索引类。似乎不同的名称适用于未显示的页面。

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

3 个答案: