Image d'arrière-plan : problème de répétition-y uniquement dans la vue de la liste des catégories

En utilisant le code de Dax code avec background-repeat défini sur “repeat-y”, j’ai mis une image haute résolution d’une feuille de papier vierge sur Imgur, que j’ai mise à l’échelle à 1920x1440 avant de l’envoyer. Le comportement semble normal au début, sauf dans la vue de la liste des catégories, qui ne met pas l’image à l’échelle et/ou ne la répète pas verticalement. Cependant, j’ai remarqué que lorsque je zoome vers le bas dans la vue de catégorie, où l’image de fond semblait être mise à l’échelle, elle a également cessé de se mettre à l’échelle après avoir réduit le zoom à 75 %.

Le problème des en-têtes, je suis tout à fait convaincu qu’il n’est pas réparable. Pas de soucis de ce côté-là. Je doute sincèrement que j’utiliserai cette fonctionnalité d’image de fond, mais je voulais quand même souligner ces points.

Édition : la vue du fil de discussion semble se comporter normalement, comme illustré ci-dessous. Les couleurs étranges sont dues au fait que je teste seulement la faisabilité pour le moment (le site n’est pas encore en ligne). Le problème des en-têtes mentionné ci-dessus est probablement la raison principale pour laquelle je vais éviter d’utiliser une image (cela, et la lisibilité du texte dans certains cas).

1 « J'aime »

Je suppose que, comme le contenu de la page est court, l’élément #main ne remplit pas 100 % de la hauteur de la fenêtre. Est-ce que l’arrière-plan remplit toute la page si vous ajoutez #main { height: 100vh; } ? Vous pouvez aussi déplacer l’image d’arrière-plan vers la balise HTML à la place.

3 « J'aime »

C’est réglé ! Merci encore une fois pour les deux corrections aujourd’hui ! :grin:

Une remarque sur le comportement : 100vh n’a rien fait et 1000vh a provoqué un comportement indésirable de la barre de défilement (elle défilait vers le bas dans le néant). 200 semblait également être une distance de défilement trop importante, alors je l’ai augmenté par incréments de 10. Amusant, l’arrière-plan ne s’est pas répliqué, ce qui a fait réapparaître l’arrière-plan khaki (normal) en bas. Cela a persisté jusqu’à ce que j’atteigne 140vh.

1 « J'aime »