Blocage affichage "background-image"
webmasterdujura
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
webmasterdujura Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
webmasterdujura Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je travaille actuellement sur un site Wordpress que je peaufine en codant du Html et Css. J'ai déjà pas mal d'expérience en codage, mais actuellement, je suis coincé sur une situation que je n'ai jamais rencontrée auparavant.
Je cherche à insérer une image de fond dans le footer du site Internet mais le "background-image" n'est pas pris en compte. Actuellement, le code css se présente de la manière suivante :
.main-footer{
position:relative;
background: #5e5e5e;
color:#ffffff;
}
Lorsque j'inspecte l'élément dans Chrome, voici ce qu'il m'affiche :
background: #5e5e5e;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(94, 94, 94);
Lorsque je regarde un élément particulier dans Firefox, voici ce qu'il m'affiche :
.main-footer
{
position: relative;
background-color: #5e5e5e;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
color: #ffffff;
}
Or, dans le fichier Css, il n'est notifié nul part "background-image: none;"
J'ai essayé de remplacé le code par :
background-image: url ('./images/fd_footer.jpg')
et
background: url ('./images/fd_footer.jpg')
Rien ne s'affiche, et en inspectant l'élément dans Chrome, il apparaît "background: url ('./images/fd_footer.jpg') color:#ffffff;" de manière barrée avec un message "Invalid Property Value".
Je ne comprends pas pourquoi je ne peux pas utiliser la valeur "background-image". Qu'en pensez-vous?
Je travaille actuellement sur un site Wordpress que je peaufine en codant du Html et Css. J'ai déjà pas mal d'expérience en codage, mais actuellement, je suis coincé sur une situation que je n'ai jamais rencontrée auparavant.
Je cherche à insérer une image de fond dans le footer du site Internet mais le "background-image" n'est pas pris en compte. Actuellement, le code css se présente de la manière suivante :
.main-footer{
position:relative;
background: #5e5e5e;
color:#ffffff;
}
Lorsque j'inspecte l'élément dans Chrome, voici ce qu'il m'affiche :
background: #5e5e5e;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(94, 94, 94);
Lorsque je regarde un élément particulier dans Firefox, voici ce qu'il m'affiche :
.main-footer
{
position: relative;
background-color: #5e5e5e;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
color: #ffffff;
}
Or, dans le fichier Css, il n'est notifié nul part "background-image: none;"
J'ai essayé de remplacé le code par :
background-image: url ('./images/fd_footer.jpg')
et
background: url ('./images/fd_footer.jpg')
Rien ne s'affiche, et en inspectant l'élément dans Chrome, il apparaît "background: url ('./images/fd_footer.jpg') color:#ffffff;" de manière barrée avec un message "Invalid Property Value".
Je ne comprends pas pourquoi je ne peux pas utiliser la valeur "background-image". Qu'en pensez-vous?
A voir également:
- Blocage affichage "background-image"
- Image iso - Guide
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
1 réponse
C'est normal car il n'y a pas d'espace entre url et les parenthèses, c'est comme ça:
Et la prochaine fois mais ton code entre les balises
background-image: url('./images/fd_footer.jpg');
Et la prochaine fois mais ton code entre les balises
<code css>.
webmasterdujura
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
Ok merci ZeNairolf pour ton aide