Maison > interface Web > tutoriel CSS > Puis-je positionner une image d'arrière-plan CSS avec un décalage droit fixe ?

Puis-je positionner une image d'arrière-plan CSS avec un décalage droit fixe ?

Barbara Streisand
Libérer: 2024-11-24 10:12:14
original
357 Les gens l'ont consulté

Can I Position a CSS Background Image with a Fixed Right Offset?

Positionner une image d'arrière-plan CSS avec un décalage fixe par rapport à la droite

Question :

Une image d'arrière-plan CSS peut-elle être positionnée avec un décalage fixe vers la droite, au lieu du à gauche ?

Réponse :

Oui, il est possible de positionner une image de fond avec un décalage fixe par rapport à la droite en utilisant CSS.

Comment positionner une image d'arrière-plan à partir de la droite :

Pour positionner une image d'arrière-plan à un nombre spécifique de pixels à partir de la droite, utilisez ce qui suit syntaxe :

background-position: right <value> center;
Copier après la connexion

représente le décalage fixe par rapport au bord droit de l'élément.

Exemple :

Pour positionner une image d'arrière-plan à 30 pixels de la droite :

background-position: right 30px center;
Copier après la connexion

Prise en charge des navigateurs :

Cette méthode fonctionne dans la plupart des navigateurs modernes. Vous pouvez vérifier la compatibilité du navigateur sur : http://caniuse.com/#feat=css-background-offsets

Ressources supplémentaires :

  • Recommandation du W3C : https://www.w3.org/TR/css3-background/#the-background-position

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal