Ne pouvez pas cliquez sur le lien avec le CSS arrière-plan animé

Question 1

Je suis en train de faire ce devoir maison sur les animations CSS et j'ai besoin d'ajouter de navigation à toutes les pages.

L'une de mes pages a un arrière-plan animé tout au long de l'ensemble de la page. J'ai ajouté un lien qui est censé diriger l'utilisateur vers la page d'accueil, mais ce lien ne peut pas être cliqué ou planait sur?

Voici mon code HTML:

<div class="nav">
     <nav>
          <ul>
               <li><a href="index.html">Motion Samples</a></li>
          </ul>
     </nav>
</div>

Question 2

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>

Question 3

S'est avéré être un problème de z-index sur mon div conteneur! :)

RAHUL PAL · Answer 1 · 2021-10-24T03:50:25

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>

Destiny Lewis · Answer 2 · 2021-10-24T04:08:14

S'est avéré être un problème de z-index sur mon div conteneur! :)

Ne pouvez pas cliquez sur le lien avec le CSS arrière-plan animé

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie