Remplacer une image de fond par une couleur

19 avr. 2015, 17:21

Bonjour,
Je cherche à remplacer une image de fond par une couleur a partir d'une résolution d'écran de 1024px.
Voici mon code css:

body {
background: #e9ffd4 url(images/background.png) center top no-repeat;
    color: #555555;
}

et en fin de page css :

@media only screen and (max-width:1024px) {
 #body {
 background: #e9ffd4;
 color: #555555
 }
}

Cela ne fonctionne pas.
Merci pour vos réponses.

19 avr. 2015, 17:26

fait l'inverse, tu ne mets l'image qu'au dessus de 1024.

19 avr. 2015, 17:49

Bonjour, merci pour votre réponse.
j'ai mis cela:

body {
background: #e9ffd4;
    color: #555555;

et toujours à la fin de ma feuille de style:

@media only screen and (min-width:1024px) {
 #body {
 background: #e9ffd4 url(images/background.png) center top no-repeat;
 color: #555555

Mais cela ne fonctionne toujours pas

25 avr. 2015, 17:30

Pourquoi un # devant body dans tes Media Queries ?

21 mai 2015, 12:26

Salut,
Essaie dans ton body :

body {
background-image: url(images/background.png) center top no-repeat;
    color: #555555;
}

et dans ton mediaquery mets

@media only screen and (max-width:1024px) {
 body {
 background-image:none;
background: #e9ffd4;
 color: #555555
 }
}