gpt4 book ai didi

html - CSS:如何更改代码中的位置或索引

转载 作者:行者123 更新时间:2023-11-28 06:25:38 26 4
gpt4 key购买 nike

我想覆盖横幅但在顶部。不幸的是,篡改 zindex 和位置没有帮助。我不知道如何正确地做到这一点。我希望我能很好地解释我的意思

    *{margin:0;padding: 0;border: 0;}
body{text-align: center;}

/*HEADER*/
.content{max-width:980px;margin: auto;height:100%; }
header{width:100%;height:100px;position:fixed;z-index: 5;}
#logo{font-size: 1.1em;font-family: 'Cabin', sans-serif;color:darkgray;float:left;text-transform: uppercase;font-weight: 700;display: inline}
#logo>img{margin-right:10px;margin-top:30px;}
nav{float:right;margin-top:50px;}
nav>ul>li{display:inline;list-style: none; }
nav>ul>li>a{margin-left:10px;text-decoration: none;font-size: 1.0em;font-family: 'Cabin', sans-serif;color:darkgray;text-transform: uppercase;}

.baner{width:100%;height:530px;background: url('baner.png') repeat-x;position:fixed;top:115px;}
.wrap{max-width:100%;margin: auto;top:800px;background: red; position:relative;}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link href='https://fonts.googleapis.com/css?family=Cabin:700,400' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div class="content">
<div id="logo"><img src="logo.png" alt="">Treehouse</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>

</ul>
</nav>
</div>
</header>
<div class="baner">
<h1></h1>
<h2></h2>
<section class="button"></section>
</div>
<div class="wrap">

<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, et, repellat. Dicta sunt, eligendi, iusto et eveniet eum enim accusamus dignissimos tempora. Nihil modi, ex veritatis, maxime sequi unde possimus?</p>
</div>
<footer>

</footer>
</body>
</html>

你能帮帮我吗?

最佳答案

header 必须始终可见,而 banner 隐藏在另一个 divem 下,在本例中为“wrapper” enter image description here

关于html - CSS:如何更改代码中的位置或索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35318229/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com