Css 如何强制我的头球位于顶部?

Css 如何强制我的头球位于顶部?,css,html,header,z-index,Css,Html,Header,Z Index,因此,我有一个网站的小开始,我希望顶部菜单保持在任何其他的顶部。我用的位置:固定,现在它确实停留在顶部的一切,除了一个部门,显示一个标志。。。我试着使用z-index,但没用。如果可能的话,我如何在不使用Js的情况下强制标题保持在顶部 “黑杆”在球头上方传球,但这是唯一一个这样做的球 <body> <div id="pageBloc"> <header> <nav> <ul>

因此,我有一个网站的小开始,我希望顶部菜单保持在任何其他的顶部。我用的位置:固定,现在它确实停留在顶部的一切,除了一个部门,显示一个标志。。。我试着使用z-index,但没用。如果可能的话,我如何在不使用Js的情况下强制标题保持在顶部

“黑杆”在球头上方传球,但这是唯一一个这样做的球

<body>
<div id="pageBloc">
    <header>
        <nav>
            <ul>
                    <li><a href="#">Stuff1</a></li>
                    <li><a href="#">Stuff2</a></li>
                    <li><a href="#">Stuff3</a></li>
                    <li><a href="#">Stuff4</a></li>
                    <li><a href="#">Stuff5</a></li>
                </ul>   
            </nav>
        </header>

        <div id="topBloc">

            <div id="blackBar">
                <p id="logo"><img src="Images/logoSmall.png" alt="logo"</p>
                <h1 id="titrePrincipal">MyTitle</h1>
                <h2 id="soustitrePrincipal">SubTitle/h2>
            </div>

        </div>

        <section id="temporatySection">

        </section>
    </div>
</body>

添加
位置:相对;z指数:-1
#徽标

然后,确保将
z-index:-2
添加到
#blackbar


请参见此处:

您可以尝试不使用固定位置

position: absolute
top: 0
left: 0
right: 0
z-index: 100
但是如果你必须使用位置固定,你可以忽略这一点,看看上面的答案

考虑到你目前的编码--我觉得很好。。
position: absolute
top: 0
left: 0
right: 0
z-index: 100