Comment décaler une image d'arrière-plan vers la droite à l'aide de CSS ?

Positionnement des images d'arrière-plan à partir de la droite à l'aide de CSS

La compensation d'une image d'arrière-plan à partir de la droite d'un élément peut être obtenue grâce à un simple ajustement pour la propriété background-position.

Question :

"Comment positionner une image de fond à un certain nombre de pixels à partir de la droite de son élément ?"

Réponse :

En CSS3, la propriété background-position fournit un mécanisme polyvalent pour ajuster le placement des images d'arrière-plan. Pour positionner une image à une distance spécifique de la droite, utilisez la syntaxe suivante :

background-position: right Xpx top;

Ici, "Xpx" représente le décalage souhaité par rapport au bord droit. Par exemple, pour positionner l'image à 10 pixels à partir de la droite, vous devez définir la propriété comme :

background-position: right 10px top;

Cette fonctionnalité est largement prise en charge dans les navigateurs modernes, notamment Chrome, Firefox et Safari, ainsi que sur les appareils mobiles. navigateurs.

Remarque :

Cette technique n'est pas prise en charge dans Internet Explorer 8 et versions antérieures. Cependant, il est désormais pris en charge dans tous les principaux navigateurs, notamment Internet Explorer 11 et Edge.

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!