Ombra di un box sopra un altro box

[XuRi]

Buongiorno a tutti, sono un nuovo utente. Vorrei sapere come mettere l' ombra di un box che si visualizza anche sopra un box. Ho provato a usare z-index su css ma non funziona lo stesso. Non so come fare. Ho cercato su internet ma sembra che nessuno ne parli.

[WottaFacca]

Usa questo, hai già l'esempio di come verrà l'ombra.

http://css3gen.com/box-shadow/

Poi scendi con la pagina e avrai il codice css da inserire nel tuo foglio di stile

[XuRi]

L'ombra al box l'ho già fatta, ho bisogno che un box con l' ombra si visualizzi anche sopra a un' altro box. Per esempio in questa foto il l' ombra si vede solo dove c'è lo sfondo.

Cattura.PNG

[WottaFacca]

Hai già provato mettendo, al blocco che deve stare sotto l'ombra, uno z-index negativo??

 z-index: -10;

[XuRi]

No, non avevo provato, però ora che ho provato non funziona ancora. La situazione è rimasta uguale.

[WottaFacca]

No, non avevo provato, però ora che ho provato non funziona ancora. La situazione è rimasta uguale.

Potresti aggiungere l'ombra interna al blocco sotto.

Copia i dati che creano l'ombra in quello sopra e dopo i 2 punti inserisci " inset "
In questo modo:

-webkit-box-shadow: inset 0px 10px 5px 0px rgba(50, 233, 50, 0.75);
-moz-box-shadow:    inset 0px 10px 5px 0px rgba(50, 233, 50, 0.75);
box-shadow:         inset 0px 10px 5px 0px rgba(50, 233, 50, 0.75);

[XuRi]

No, non funziona neanche con questo codice. Non è che devo strutturare i div in un certo modo? Ma z-index precisamente a che serve perchè non so perche a volte quando lo uso funziona altre non funziona (dico in generale)?

[mirkobellavita]

prova assegnando al div in "primo piano": position:absolute. se non erro z-index lo si può applicare solo a elementi che hanno una position absolute, o relative

[XuRi]

Grazie ho risolto come mi hai consigliato, ho messo position relative poi ho messo un z-index alto nel box di primo piano