Tengo un error en mi cabecera fixed y es que a la hora de poner hipervínculos, aún poniendo el z-index
, éstos no se muestran mientras que el texto normal si.
Este es el código:
.fixedback{
width: 150%;
background-color: black;
position: fixed;
height: 10%;
margin-left: -50%;
top: 0;
margin-top: auto;
z-index: 1;
}
.baloncesto{
position: sticky;
color: white;
z-index: 2;
margin-top: 1vw;
text-align: center;
font-size: 2vw;
}
.nba{
color:white;
position: fixed;
text-decoration: none;
top: 0;
display: flex;
line-height: 100px;
font-size: 1vw;
font-weight: bold;
z-index: 2;
}
<class>
<div class="fixedback">
<h1 class="baloncesto">Baloncesto</h1>
</div>
<a href="https://es.nba.com/?gr=www" class="nba">NBA</a>
<a href="https://www.nbastore.eu" class="NBAStore">NBA Store</a>
</class>
La cosa, es que el hipervínculo no se muestra encima de la cabecera fixed mientras que el texto normal "baloncesto" si, no entiendo de donde puede venir este error, solo estaba intentando centrar verticalmente los elementos en el div
.