Immagine di sfondo con gradiente

[CARNIC]

Ciao a tutti,

Ho un piccolo problema e non so come risolverlo.

Debbo inserire uno sfondo dove vorrei avere un gradiente a riempire la pagina e un logo al centro.

Se scrivo:

<style type="text/css">
   body {
   background-image: url(bg_mygradiente.png);
   padding-top: 15px;
   }
</style> 

ottengo una pagina perfettamente riempita con il gradiente da me disegnato.

Se scrivo:

<style type="text/css">
body {
background-image:url(myimage.png);
background-repeat:no-repeat;
background-attachment:fixed;
background -position:center;
}
</style> 

ottengo uno sfondo con la mia bella immagine al centro.

E' possibile avere entrambe le cose, cioè la pagina riempita dal gradiente e l'immagine al centro ?
Spero che qualcuno possa aiutarmi.

[ldetomi]

Beh, in pratica vuoi applicare 2 immagini di sfondo allo stesso oggetto vero?

I CSS3 consentono i cosiddetti "mutiple backgrounds" se ne è parlato anche html.it... cerca bene l'articolo, vedrai che lo trovi.!

[CARNIC]

Beh, in pratica vuoi applicare 2 immagini di sfondo allo stesso oggetto vero?
I CSS3 consentono i cosiddetti "mutiple backgrounds" se ne è parlato anche html.it

Ciao e grazie per la risposta.
Ho cercato gli articoli in oggetto e ne ho trovati parecchi. Seguendo gli esempi ho fatto vari tentativi, ma in tutti non riesco a visualizzare la seconda immagine.
Posto quì un esempio di codice usato:

<style>
   body {
   background:  url(bg_mygradiente.png) repeat, url(mylogo.png) center no-repeat;
   }
</style> 

Riesco a visualizzare correttamente solo l'immagine che crea lo sfondo come gradiente. Il logo che vorrei mettere al centro non viene visualizzato.

Peggiora se scrivo:

<style>
   body {
   background-image::  url(bg_mygradiente.png), url(mylogo.png);
   background-repeat: repeat-y, no-repeat;
   background-position: center
   }
</style> 

Hai qualche consiglio ?

[ac_socmel]

mostra un link dove provi

[carlomarangoni]

Originariamente inviato da CARNIC
......E' possibile avere entrambe le cose, cioè la pagina riempita dal gradiente e l'immagine al centro ?
Spero che qualcuno possa aiutarmi.

[list=1][*]Puoi avere un'immagine di sfondo e il logo in un div sovrapposto allo sfondo[*]Puoi avere un gradiente di sfondo con i CSS3 e il logo sempre nel div sovrapposto[*]Se incorpori il logo nell'immagine gradiente con un software di grafica puoi avere il gradiente e il logo come background del body[/list=1]