Pourquoi ma propriété CSS « ​​background » génère-t-elle une erreur « Opérateur incorrect » ?

Correction de la propriété d'arrière-plan non valide : résolution de "Erreur : CSS : arrière-plan : / est un opérateur incorrect"

Le code HTML fourni L'extrait inclut une propriété « arrière-plan » qui génère une erreur « opérateur incorrect » une fois validé. Le problème réside dans la présence d'un caractère "/", qui nécessite des précisions.

Comprendre la syntaxe de l'arrière-plan

CSS définit la syntaxe du "background" propriété abrégée comme suit :

background: <bg-property> <bg-property> ... ;

Où "" peut être n'importe quelle combinaison de suivant :

• couleur-de-fond
• image-de-fond
• position-de-fond
• ba ckground-size
• background-repeat
• background-attachment

Résolution l'erreur "Opérateur incorrect"

Dans le HTML fourni, l'erreur se produit en raison de la propriété "background" suivante :

background: url('...') 100% 0 / 4%;

Le caractère "/" est utilisé comme un séparateur entre les propriétés "background-position" et "background-size". Cependant, le validateur HTML détecte que cette utilisation est incorrecte.

Correction de la syntaxe d'arrière-plan

Selon la syntaxe CSS, la manière correcte de séparer "arrière-plan- position" et "background-size" en omettant le caractère "/" et en utilisant à la place un espace. Par conséquent, la propriété "background" valide doit être :

background: url('...') 100% 0 4% no-repeat;

Où 100 % 0 représente "background-position" et 4 % représente "background-size".

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!