导航栏和导航栏下的阴影

时间:2017-04-03 09:59:16

标签: css less

我正在使用AdminLTE2主题,我想在我的underNavBar(有白色背景)下只有一个投影。

...我设置z-index重叠导航栏的框阴影,但是如果我设置了我没有看到当前用户的下拉列表(图1)。

在图2中,我们可以看到两个框阴影,因为我在其他页面中使用导航栏而没有underNavBar。

No shadow, but overlapping

Navbar and under navbar have both shadows

    .navbar-static-top {
                -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
                -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
                -box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    }

    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        padding-top: 0px;
        border-style: none;
    }

    .nav {
                -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
                -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
                -box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
                -webkit-touch-callout: none; /* iOS Safari */
                -webkit-user-select: none; /* Safari */
                -khtml-user-select: none; /* Konqueror HTML */
                -moz-user-select: none; /* Firefox */
                -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                          supported by Chrome and Opera */
            }

    .navbar-static-action-bar {
                display: table;
                margin-bottom: 20px;
                background-color: @action-primary;
                position: relative;
                z-index: 1031;
            }

0 个答案:

没有答案