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

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

Salut,
Essaie dans ton body :
[css]body {
background-image: url(images/background.png) center top no-repeat;
color: #555555;
}[/css]

et dans ton mediaquery mets
[css]@media only screen and (max-width:1024px) {
body {
background-image:none;
background: #e9ffd4;
color: #555555
}
}[/css]

Pourquoi un # devant body dans tes Media Queries ?

Bonjour, merci pour votre réponse.
j'ai mis cela:
[code]
body {
background: #e9ffd4;
color: #555555;
[/code]
et toujours à la fin de ma feuille de style:
[code]
@media only screen and (min-width:1024px) {
#body {
background: #e9ffd4 url(images/background.png) center top no-repeat;
color: #555555
[/code]
Mais cela ne fonctionne toujours pas

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

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:
[code]
body {
background: #e9ffd4 url(images/background.png) center top no-repeat;
color: #555555;
}
[/code]
et en fin de page css :
[code]
@media only screen and (max-width:1024px) {
#body {
background: #e9ffd4;
color: #555555
}
}
[/code]
Cela ne fonctionne pas.
Merci pour vos réponses.