Pourquoi mon raccourci d'image d'arrière-plan CSS produit-il une erreur « Opérateur incorrect » ?

Erreur d'image d'arrière-plan : identification de l'opérateur incorrect

Lorsque vous essayez de styliser un élément div avec une image d'arrière-plan en utilisant une notation abrégée, certains utilisateurs rencontrent une erreur concernant un opérateur incorrect :

Erreur : CSS : background : / est un incorrect opérateur.

Pour résoudre ce problème, il est crucial de comprendre la syntaxe correcte de la propriété background. Selon les spécifications CSS, le caractère / sert de séparateur entre les propriétés background-position et background-size.

L'extrait CSS suivant démontre l'utilisation correcte :

div {
  height: 100%;
  background: url('...') 100% 0/4% no-repeat;
}

Dans cet exemple , "url(...) 100% 0" représente la position de l'arrière-plan, tandis que "4%" indique sa taille. Il est important de noter que même si background-size est facultatif, il doit être spécifié à côté de background-position lors de l'utilisation d'une notation abrégée.

L'omission du séparateur / ou son égarement entre les propriétés peuvent entraîner une erreur d'opérateur incorrecte. De plus, il est essentiel de préciser la taille sans position. Par exemple, le code CSS suivant est valide :

div {
  height: 100%;
  background: url(...) 100% 0 no-repeat;
}

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!