CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 6 · Exercice de TD
Haut de page
Positionnement et empilement · niveau 1 (application)
Énoncé
Écrire la règle d'un lien « Haut de page » toujours visible, à 1 rem du bord droit et du bord bas de la fenêtre, au-dessus de tout le contenu de la page (qui contient un en-tête collant de z-index 10). Dans une fenêtre de 375 sur 667 pixels (un téléphone), le lien mesurant 120 sur 34, calculer les coordonnées de son coin supérieur gauche. Dépendent-elles du défilement ?
Corrigé
.retour {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 20;
}Le z-index de 20 dépasse celui de l'en-tête collant (10). Coin supérieur gauche : et , soit par rapport à la fenêtre, quel que soit le défilement (la page code/ch6/fixe.html le vérifie à 800 sur 600 : , avant et après un défilement de 400 pixels).
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.