Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di nick03
    Registrato dal
    Apr 2008
    Messaggi
    121

    problema su sfondo con graiente

    ho una pagina in php dove ho:

    - uno sfondo composto da un immagine

    vorrei mettere un immagine gradiente in alto... questa immagine è ripetuta solo su x.
    quindi ho creato un div che contiene tutto il corpo della pagina e in alto tra BODY e quel DIV ho creato:
    codice:
    <div class="gradiente"></div>
    che non contiene nulla.

    nel css ho messo nel body background e il link dell'immagine
    e nel gradiente ho messo il background image con il link dell immagine ripetuta in x...

    il problema è che l'immagine gradiente è sopra all'altro div con il corpo della pagina...

    ho provato a mettere lo z-index ma non cambia...

    come faccio a mettere il div con il gradiente dietro al div del corpo della pagina?

    questa modifica fatta su wordpress ha funzionato al primo colpo... invece nella pagina non di wordpress non funziona...

    qualcuno sa aiutarmi? come faccio a metterla dietro?
    grazie a chi mi darà una mano

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2010
    Messaggi
    719
    Ma perchè non mettere lo sfondo sul body?

  3. #3
    Utente di HTML.it L'avatar di nick03
    Registrato dal
    Apr 2008
    Messaggi
    121
    si l'immagine di sfondo la metto nel body.
    poi però il gradiente da mettere in alto non posso piu metterlo nel body...
    Questo perchè sono 2 immagini (lo sfondo e il gradiente)

    Infatti farei come hai detto tu se solo il gradiente fosse un immagine... e invece lo sfondo un colore...
    in questo caso nel body metterei il background come colore e sempre nel body nel background metterei il gradiente ripetuto in x...

    ma ho 2 immagini... una per lo sfondo e una per il gradiente... e quindi nel body posso metterne solo 1...

  4. #4

    Re: problema su sfondo con graiente

    prova
    codice:
    <body>
       <div class="gradiente">
          la tua pagina
       </div>
    </body>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.