Filtri e sovrapposizione immagine

[alemix]

Salve chiedo una piccolo aiuto...

mi trovo davanti ad un caso dove ho creato un menù a tendina diciamo che va a sovrapporsi ad altre immagini... Diciamo io clicco e sotto mi appare un div nascosto (con position:absolute tra le proprietà) in modo da non dover quindi spostare gli altri div che sono visualizzati sotto, si sovrappongono.

I Div visibili hanno un'immagine... se dal div visibile sopra clicco per visualizzare quello nascosto quello nascosto sovrappone completamente l'immagine che non è più visibile... Quindi tutto come volevo...

Ora andando avanti con il sito ho fatto in modo che in certi casi l'immagine sia alterata (nel mio caso togliendo la saturazione) e non capisco perchè l'immagine ora non rimane sotto al div nascosto ma sopra (e attenzione, il div visibile sovrapposto non rimane sopra... ma soltanto <img>)

Ho usato questi filtri qua(con i vari comandi per i browser):

filter: saturate(0%);
-webkit-filter: saturate(0%);
-moz-filter: saturate(0%);
-o-filter: saturate(0%);
-ms-filter: saturate(0%);

La colpa deve essere loro... ma come faccio? oppure ci sono altri metodi per rendere l'effetto? (preferivo la saturazione perchè non so ancora se renderla bianco e nera o con poco colore... ma se è un modo per avere l'immagine in bianco e nero)

[Mich_]

In linea di massima le sovrapposizioni si gestiscono con l'attributo
z-index
che chiaramente funziona solo se il posizionamento di ambedue gli oggetti e` diverso da static.

Se non viene usato lo z-index, il browser posiziona sopra l'elemento definito per ultimo

Da quanto scrivi sembra che non abbia usato lo z-index, per cui ti consiglio di pensarci un attimo ed usarlo in modo corretto.

PS: non credo che dipenda dalla saturazione

[alemix]

Si effettivamente con lo Z-index impostato funziona...
Penso che molto probabilmente il filter modifichi anche il modo in cui lo z-index viene definito di default (magari ne aumenta il valore)