Blocage affichage "background-image"

Fermé
webmasterdujura Messages postés 2 Date d'inscription jeudi 27 avril 2017 Statut Membre Dernière intervention 27 avril 2017 - 27 avril 2017 à 17:58
webmasterdujura Messages postés 2 Date d'inscription jeudi 27 avril 2017 Statut Membre Dernière intervention 27 avril 2017 - 27 avril 2017 à 18:27
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?
A voir également:

1 réponse

C'est normal car il n'y a pas d'espace entre url et les parenthèses, c'est comme ça:

background-image: url('./images/fd_footer.jpg');


Et la prochaine fois mais ton code entre les balises
<code css>
.
0
webmasterdujura Messages postés 2 Date d'inscription jeudi 27 avril 2017 Statut Membre Dernière intervention 27 avril 2017
27 avril 2017 à 18:27
Ok merci ZeNairolf pour ton aide
0