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
335 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!

source:php.cn
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