【问题标题】:Twitter Bootstrap navbar hover active with dropdownsTwitter Bootstrap 导航栏悬停在下拉菜单中处于活动状态
【发布时间】:2016-03-08 03:39:32
【问题描述】:

我确信我的标题不是最容易理解的。我会试着解释我想要做什么。

如果您转到此 URL (http://buffalo.demo.libguides.com) 并将鼠标悬停在全局导航(查找图书馆资料、我的帐户、获取帮助等)上,您会看到悬停是蓝色的。但是,当您滚动下拉菜单时,它会变回灰色。我希望它在悬停在下拉菜单上时保持蓝色。

我使用旧版本的 Bootstrap 进行了这项工作,但我在使用这个时遇到了问题。任何帮助,将不胜感激。

这是一个可以使用旧版本的 URL。 http://library.buffalo.edu

【问题讨论】:

    标签: css twitter-bootstrap


    【解决方案1】:

    试试:

    .content-block .navbar-nav > li:hover a {
        color: #fff;
        background-color: #062198;
    }
    

    现在.content-block .navbar-nav > li > a:hover style-gudes.css 的第 1466 行正在控制导航项的背景颜色。由于您在锚元素上使用了悬停状态,该元素不会包裹形成下拉列表的嵌套ul,因此一旦光标离开该元素,它将不会保持蓝色并恢复为默认颜色。

    挂钩到包裹下拉列表ulli 的悬停状态。当li 悬停时定位锚元素li:hover a。现在,每当下拉列表的父级 li 悬停时,a 也将在 li 悬停时设置样式。

    【讨论】:

    • 它把它变成正确的背景颜色,但随后文本颜色恢复到原始状态并且不会保持白色:buffalo.demo.libguides.com
    • 谢谢!完美运行!
    猜你喜欢
    • 2011-10-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多