Wigreg
J’avais donné quelques explications dans un précédent post sur le placement des images background
Je fais un copié/collé ( faudrait que je le complète dans la FAQ)
Positionnement d’une image d’arrière -plan (et explication de la case propriétes de la config )
Par défaut, l’image d’arrière-plan se positionnera dans le coin supérieur gauche du bloc. La propriété background-position permet de changer cette position prédéfinie et de placer l’image d’arrière-plan n’importe où dans le bloc.
Il y a plusieurs méthodes pour fixer la valeur de background-position. Par contre, elles se présentent toutes sous la forme d’un jeu de coordonnées. Par exemple, la valeur’100px 200px’ positionne l’image d’arrière-plan à 100px depuis la gauche et à 200px depuis le haut de la fenêtre du navigateur.
Les coordonnées peuvent s’exprimer en pourcentages de la largeur de l’écran, ou en unités fixes (pixels, centimètres, etc.), ou on peut utiliser les mots-clés "top" (image en haut), "bottom" (image placée en partant du bas), "center" (centrée), "left" (à gauche)ou "right (tout à droite)".
Ici il faut utiliser l’écriture abrégée pour ajouter toutes ces valeurs dans le champ proprités cad qu’on met ttes les valeurs à la queue leu au lieu du couple propriété/valeur
background-repeat : no-repeat ; ( l’image n’est pas répétée sinon si elle est plus petite par défaut elle se repète en x et y )
background-attachment : fixed ; (l’image reste fixe quand on fait défiler l’écran)
background-position : right bottom ;
on écrit juste en raccourci et c’est ce qu’il faut taper dans le champ propriétés :
no-repeat fixed right bottom
là l’image est placée à droite et en partant du bas, non répétée et figée lors du scroll.
Et surtout bien vider tous les caches et local/css pour voir les modif sinon ....attendre.
Commentaires Forum fermé