Css immagine di sfondo e colore di sfondo

[baysox]

Ciao a tutti, mi sto scontrando contro un problema alquanto banale!

Ho un sito con un immagine di sfondo centrata e fissa, il problema è che se qualcuno ha una risoluzione più grande dell'immagine, si vede anche tutto il bianco che circonda l'immagne.

Esiste un modo per riuscire a cambiare il colore dello sfondo? Ho provato a fare varie prove, ma se vado ad impostare il colore dello sfondo poi questo mi va a coprire anche l'immagine.

Il css del body per il momento l'ho scritto così:

body{font:normal 12px Arial,Helvetica,sans-serif;background-color:#000000; background:url(../images/pizza5HighResolution.jpg) fixed center no-repeat}

Il problema è che in quel caso il colore di sfondo non viene preso in considerazione..sembra una cavolata, ma non riesco ad aggirarla! Avete qualche idea?

Un altra cosa, sapete dirmi se c'è un modo per caricare un immagine determinata a seconda della risoluzione del dispositivo che carica la pagina?

Grazie mille!!!

[sitodue]

Originariamente inviato da baysox
Ciao a tutti, mi sto scontrando contro un problema alquanto banale!

Ho un sito con un immagine di sfondo centrata e fissa, il problema è che se qualcuno ha una risoluzione più grande dell'immagine, si vede anche tutto il bianco che circonda l'immagne.

Esiste un modo per riuscire a cambiare il colore dello sfondo? Ho provato a fare varie prove, ma se vado ad impostare il colore dello sfondo poi questo mi va a coprire anche l'immagine.

Il css del body per il momento l'ho scritto così:

body{font:normal 12px Arial,Helvetica,sans-serif;background-color:#000000; background:url(../images/pizza5HighResolution.jpg) fixed center no-repeat}

Il problema è che in quel caso il colore di sfondo non viene preso in considerazione..sembra una cavolata, ma non riesco ad aggirarla! Avete qualche idea?

Un altra cosa, sapete dirmi se c'è un modo per caricare un immagine determinata a seconda della risoluzione del dispositivo che carica la pagina?

Grazie mille!!!

a me così funziona:

body {
background-color:#000;
bacgrounnd-image:url(img/123.jpg);
}

Per l'altra domanda non en ho idea... ma come fai a prevedere tutte le risoluzioni possibili?
Prova ad utilizzare un colore di sfondo che concida all'incirca con il colore di margine della foto...

[baysox]

Originariamente inviato da sitodue
a me così funziona:

body {
background-color:#000;
bacgrounnd-image:url(img/123.jpg);
}

Grazie mille, purtroppo è stata la prima cosa che ho fatto, ma con questa combinazione lo sfondo nero mi va a coprire l'immagine. Togliendo la parola image da background invece lo sfondo prende l'immagine ma il colore non sembra venire applicato: oltre l'immagine resta sempre bianco, mentre le immagini che uso sfumano verso il nero..continuo a riprovare con piccole modifiche!

Originariamente inviato da sitodue
Per l'altra domanda non en ho idea... ma come fai a prevedere tutte le risoluzioni possibili?
Prova ad utilizzare un colore di sfondo che concida all'incirca con il colore di margine della foto...

No no, infatti non volevo prendere tutte le risoluzioni, ma solo quelle principali e come parametro mi volevo basare solo sull'altezza: 600, 720, 800 e 1080). Del tipo, se l'altezza della risoluzione sta fra x e y allora usa questa immagine, se no usa questa..