Remplacer une image de fond par une couleur

Bonjour,
Je cherche à remplacer une image de fond par une couleur a partir d'une résolution d'écraan 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éponse.

Bonjour,

Dans ton css tu vises d'abord la balise body puis dans le média tu vises un élément ayant un id body

body est différent de #body !

kev.

Bonjour, merci pour votre réponse.
Mais lorsque je met cela:

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

et en fin page css:

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

cela ne fonctionne pas

Bonjour bonjour,

A part les accolades manquantes, le color inutile car il ne change pas, l'utilisation d'un min-width au lieu du max-width du début et le changement de sa valeur de 1024 à 1280, etc... le code est pas super propre mais il marche.

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

t'étai même bien dès le début..
Tu testes sous quoi ? Attention peut etre au "only screen" du media et/ou à l'url vers ton background.

body {
    background: #e9ffd4 url(images/background.png) center top no-repeat fixed;
    color: #555555;
}
@media (max-width:1024px) {
    body {
        background-image: none;
    }
}

Modifié par _laurent (20 Apr 2015 - 14:26)