Pourquoi la propriété d'arrière-plan n'est pas valide ?

Question

J'essaie d'ajouter une image d'arrière-plan à mon code html en utilisant la méthode suivante background mais elle n'est pas valide dans mon navigateur. J'ai cherché l'erreur et a trouvé cette question avec le même problème. Je n'arrive toujours pas à comprendre le problème.

Voici mon code de css :

#showcase {
  background: url("../img/showcase.jpg") no-repeat top center fixed/cover;
  position: relative;
  min-height: 650px;
  color: #fff;
  padding-top: 6rem; }

Answer 1

En fixed/cover est invalide, essayez ce qui suit :

background: url("../img/showcase.jpg") no-repeat top center fixed;

les options possibles pour le background La propriété peut être trouvée ici : https://developer.mozilla.org/en-US/docs/Web/CSS/background

Answer 2

Vous ne devez utiliser qu'une seule couverture fixe ou mobile background : url("../img/showcase.jpg") no-repeat top center fixed ;