Pagine con sfondo sfumato...

[Salemdj]

Salve ragazzi,
piccolo problemino, spero di aver preso la sezione giusta! Dovrei creare delle pagine con sfondo a sfumare...è possibile creare ciò? Avevo trovato un codice valido solo per explorer...qualcosa che siano comune a tutti i browser c'è?

Grazie...

[Andrea1979]

allora, puoi usare un'immagine e metti tutti d'accordo... tranne su una cosa, se per sfumato intendi dire anche una certa trasparenza allora sorgono dei problemi con IE < 7 visto che le PNG adatte a tale scopo fanno a botte con tutti gli internet exploder datati. In questo caso potresti provare un doppio approccio... PNG per tutti i browser diversi da IE <= 6 e filter:alpha per gli IE con handicap.

[Salemdj]

Per sfondo sfumato intendo come quello presente su:
RugaGrande, solo che questo codice vale solo per InternetExplorer e su Mozilla non va assolutamente bene! Come fare?

[br1]

Ti sposto

[Andrea1979]

da me è sufmato anche su Firefox, solo che la pagina su firefox è più "lunga" che in IE, per cui lo sfondo in basso viene ripetuto e si vede lo stacco netto tra l'azzurro intenso della parte alta e il celestino chiaro della parte bassa.

[Salemdj]

E' ripetuto per il semplice fatto che ho messo un'immagine sfumata di sfondo...ma non che non sempre si visualizza bene con tutte le risoluzioni! Mentre con IE predomina il codice per la sfumatura, su Mozilla non si vede e quindi ho messo l'immagine e tu vedi quella...

[Andrea1979]

Nno ho capito niente, comunque a mio modo di vedere (poi fai tu), invece di romperti la testa con soluzioni complicate, usi l'immagine di sfondo (allineata in alto e niente ripetizioni verticali, solo orizzontali) e anche un background-color pari al colore della parte più chiara dell'immagine di sfondo. In questo modo dove finisce l'immagine in basso il colore solido dello sfondo si connetterà senza soluzione di continuità con l'immagine stessa. Risolti tutti i problemi con CSS 100% compatibile e funzionante.

[Salemdj]

Scusami se sn stato poco chiaro!
Cmq..nella prima parte quando dici:niente ripetizioni verticali, solo orizzontali, come faccio?

[Andrea1979]

intendo questo

body {
/*immagine di sfondo */
             background-image: url(images/bodybg.jpg);
	background-repeat: repeat-x;
	background-position: top;
/* colore di sfondo */
             background-color: #ffae00;
}

Chiaramente lo sistemi in base alla tua immagine e ai tuoi colori.

[Salemdj]

Ok...loproverò...grazie!