Yo estoy haciendo esta tarea en animaciones CSS y tengo que añadir que la navegación de todas las páginas.
Una de mis páginas tiene un fondo animado en toda la página. He añadido un enlace que se supone que va a llevar al usuario a la página de inicio, sin embargo, este vínculo no se puede hacer clic o se cernía sobre?
Aquí está mi código HTML:
<div class="nav">
<nav>
<ul>
<li><a href="index.html">Motion Samples</a></li>
</ul>
</nav>
</div>
confirm u are allready other page not in index
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">add pets</a>
</li>
{% if user.is_authenticated %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
{{user}}
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li>
<a class="dropdown-item" href="{% url 'account_email' %}">Change E-mail</a>
</li>
<li><a class="dropdown-item" href="{% url 'account_change_password' %}">Change Password</a></li>
<li><a class="dropdown-item" href="{% url 'account_logout' %}">Sign Out</a></li>
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{% url 'account_login' %}">Sign In</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'account_signup' %}">Sign Up</a></li>
</li>
{% endif %}
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
Resultó ser un problema con el z-index en mi div contenedor! :)