Question

好的，所以我知道在bootstrap的最新版本中不推荐使用nav-pills。但是，我在悬停/焦点上更改链接的背景颜色时遇到问题。我认为这是一个与DOM相关的问题，但我已尝试过各个角度。非常感谢任何帮助。

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <!-- sm/md  -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <!-- lg -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav nav-pills center-pills">
                <li class="cloud-offset">
                    <a href="#"><img src="homecloud.png"></a>
                </li>
                <li>
                    <a href="#"><img src="aboutcloud.png"></a>
                </li>
                <li>
                    <a href="#"><img src="projectscloud.png"></a>
                </li>
                <li class="cloud-offset">
                    <a href="#"><img src="contactcloud.png"></a>
                </li>
            </ul>
        </div>
    </div>
</nav>

这是我目前所拥有的： -

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: transparent;}

提前致谢，如果需要进一步的信息，请告诉我。

Answer 1

更改你的css示例：

    .navbar-default .nav-pills > li > a:hover, .navbar-default .nav-pills > li > a:focus {
    background-color: transparent !important;}

用于删除标记的背景颜色

删除导航丸的背景颜色

1 个答案: