网页中为什么把公共的页面头部调用到内容后，原来设置的透明度会失效呢？

Question

    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

<header>
        <div class="wrapper">
                <a href="#"><img src="img/logo.png" class="logo" alt="" titl=""/></a>
                <a href="#" class="hamburger"></a>
                <nav>
                    <ul>
                        <li><a href="#">首页</a></li>
                        <li><a href="#">产品</a></li>
                        <li><a href="#">服务</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">帮助中心</a></li>
                    </ul>
                    <a href="#" class="login_btn">登录</a>
                </nav>
            </div>
        </header><!--  end header section  -->

头部文件写法有问题吗？用的是background： rgba();

Answer 1

跪求大佬指点迷津