Les liens texte ne sont pas toujours cliquables et ne sont pas toujours cliquables

Question

J'ai un bordel avec deux liens en haut de cette page ("WORK" et "À PROPOS").

http://danux.me/

Je ne sais pas pourquoi je ne peux pas les amener à un style. Je semble seulement être en mesure d'appliquer un flotteur et rien d'autre dans le CSS ne fait rien.

#nav_container { 

float: right; 
position: relative; 
padding-right: 110px; 
padding-top: 60px; 
} 




#nav_container li { 
float: left; 
display: inline; 
color: #fff; 
list-style: none; 
text-decoration: none; 
cursor: pointer; 
} 

En ce qui concerne la partie cliquable, si j'élargissons mon navigateur pour qu'ils soient à droite des images en mosaïque ils sont cliquables.

Les images en mosaïque sont définies sur relative pour cet effet de chevauchement et la barre bleue est définie sur absolue. J'ai l'indice z plus élevé pour les images en mosaïque et j'ai essayé d'appliquer un indice z plus élevé à ces liens de nav en pensant que je pourrais les faire apparaître sur le dessus et être cliquables, mais pas de dés.

Des suppositions?

Answer 1

Le problème est que votre élément #home_console_wrapper chevauche en réalité votre #color_beam, et a un grand padding-top dessus pour cacher ce comportement. Il a également un z-index plus élevé, ce qui signifie qu'il rendra vos liens non cliquables.

Pour remédier à cela, vous devez supprimer position: absolute de #color_beam et padding-top: 190px de #home_console_wrapper. Cela provoquera le cliquage de vos liens, sans changer l'affichage du tout.

Si vous souhaitez avoir encore le léger effet 'chevauchement', il suffit de définir un margin-top négatif sur #home_console_wrapper:

#home_console_wrapper { 
    margin-top: -35px; 
} 

Hope this helps! :)