css - 下面带有 Logo 的菜单不起作用

Question

我从网上下载了一个模板，我把菜单做在最上面，菜单下面有logo 菜单看到了

但是在我向下滚动之后，菜单项应该变成黑色和白色背景，看起来应该是这样的

但是发生的是菜单项是黑色的，背景是白色的，并且 Logo 不在白色背景内，看起来像这样

我的头代码

<header id="header" class="transparent-header full-header " data-sticky-class="not-dark">

    <div id="header-wrap">

        <!-- Primary Navigation
        ============================================= -->
        <nav id="primary-menu" class="style-2 center">

            <div class="container clearfix">

                <div id="primary-menu-trigger"><i class="icon-reorder"></i></div>

                <ul class="divcenter">
                    <li class="current"><a href="index.html"><div>Home</div></a>
                    <li><a href="#"><div>Home</div></a></li>
                    <li><a href="#"><div>WHO WE ARE</div></a></li>
                    <li><a href="#"><div>SERVICES</div></a></li>
                    <li><a href="#"><div>CONTACT</div></a></li> 
                </ul>


        <!-- Logo
        ============================================= -->
        <div id="logo" class="divcenter">
            <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img class="divcenter" src="images/logo.png" alt="Canvas Logo"></a>
            <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img class="divcenter" src="images/logo@2x.png" alt="Canvas Logo"></a>
        </div><!-- #logo end -->

            </div>

        </nav><!-- #primary-menu end -->

    </div>

</header><!-- #header end -->

Answer 1

你已经应用了 css，它是 niot included here，但通常你的错误是 logo div 在 content div 里面，而 content div 背景是白色的。将这两个 div 分开，将第一个设为白色，将第二个设为透明，这样就可以了。

<div> Header // transparent
    <div>Content Div</div> // white bg
    <div>Logo Div</div>    // transparent
</div>