Comment puis-je positionner une image d'arrière-plan à une distance spécifique de la droite en CSS ?

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

Question :

Pouvez-vous aligner une image d'arrière-plan à une distance spécifique de le bord droit de son élément parent en utilisant CSS ?

Exemple :

Pour placer un image à 10 pixels de la gauche, vous utiliseriez le CSS suivant :

#myElement {
    background-position: 10px 0;
}

Réponse :

La propriété CSS3 background-position vous permet de décaler les images d'arrière-plan de le bord droit d'un élément :

/* Offset the element 10px from the right */
background-position: right 10px top;

Notez que :

• Cette fonctionnalité n'est pas prise en charge dans IE8.
• Il est largement pris en charge dans les navigateurs modernes, notamment Chrome, Firefox et Edge.

Vous pouvez vérifier la compatibilité du navigateur sur Puis-je utiliser : https://caniuse. com/background-position-shorthand

Mise à jour :

À partir de maintenant, cette fonctionnalité est prise en charge dans tous les principaux navigateurs, y compris les navigateurs mobiles.

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!