我目前是初学者，我需要一些帮助。
我的网站应该是这样的：
导航栏为灰色，透明，白色文本。当您在该页面中时，按钮变为黄色
但它看起来像这样：
吧台上方的一大片空白区域。就在“Equipo”那个页面上。单击时按钮不变黄，文本为黑色
如果我能在突出显示的文本（由于某种原因在一个大黄色框中）得到一些帮助，那也太棒了！
导航栏的 CSS
<style>@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
</style>
/* General __________________________*/
* {
box-sizing: border-box;
}
/*Navbar________________________*/
.menu {
top: 0;
}
ul {
list-style: none;
padding: 0px;
margin: 0px;
width: 100%;
background-color: rgba(50, 50, 50, 0.3);
position: fixed;
text-decoration: none;
}
li {
float: left;
}
a {
display: inline-block;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 22px;
padding-right: 22px;
font-weight: bold;
color: white;
letter-spacing: 1pt;
}
a:active {
background-color: #FFCC00;
}
a:hover {
background-color: rgba(255, 255, 255, 0.5);
}
这是该页面的 HTML。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Equipo</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<!--Menú-->
<li><a href="#equipo">Equipo</a></li>
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="medio.html">Medio</a></li>
<li><a href="equipo.html">Equipo</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
<!--Banner-->
<div class="col-12 banner" id="bannerequipo">
</div>
<!--Cajas-->
<div class="container">
<div class="estante">
<div class="row">
<div class="col-3">
<div class="caja">
<h1>Defendamos juntos el medio ambiente</h1>
</div>
</div>
<div class="col-3">
<div class="caja">
<h3>Programas</h3>
<img src="img/logo_onu.png" alt="Logo de la ONU">
<p>El <a href="https://www.unenvironment.org/es">Programa de las Naciones Unidas para el Medio Ambiente</a> es el portavoz, dentro del sistema de la ONU, para la coordinación de actividades y toma de iniciativas de conciencia global.</p>
</div>
</div>
<div class="col-3">
<div class="caja">
<h3>Activistas</h3>
<img src="img/logo_greenpeace.png" alt="Logo de Greenpeace">
<p>La ONG <a href="https://www.greenpeace.org/argentina/"> Greenpeace</a> es un ejemplo de movimiento que defiende el medio ambiente, y está integrado por más de 3 millones de personas en 55 países que actúan para poner fin a los atentados del humano contra la naturaleza.</p>
</div>
</div>
<div class="col-3">
<div class="caja">
<h3>Voluntarios</h3>
<p>En Latinoamérica existen diversas iniciativas que nuclean a la población preocupada por el impacto medioambiental que tienen las decisiones políticas, y a técnicos especializados en el medio ambiente, entre las cuales destacamos:</p>
<!--links-->
<a href="http://laredvida.org">Red Vida (Lat)</a><br>
<a href="http://www.movusuruguay.org">Movus (Uy)</a><br>
<a href="http://gudynas.com">Gudynas.com (Uy)</a><br>
<a href="http://porelagua.sejuntalagente.org">Asamblea por el agua (Uy)</a>
</div>
</div>
</div>
</div>
</div>
<!--Footer-->
<div class="col-12" id="footer"><img src="img/logo.png">
<h4>Lic. en Diseño de Comunicación Visual</h4>
<h5>FADU | UDELAR</h5>
</div>
</body>
</html>