css superiore z-index appare sotto quello inferiore

Question

Sono alle prese con un problema con z-indexes su css.

Ho un articolo con z-index < 100 e un altro (immagine) con un indice z di 3000 (molto più alto).

Ancora il secondo appare sotto il primo, mi fa diventare un po 'pazzo. Ho cercato un po 'sul problema, ho letto che può essere causato dal fatto di non mettere una posizione da , quindi ho provato con position: fixed, position: relativo, ma nessuno dei 2 funziona.

Il sito web è: www.imagine-that.be

L'immagine deve apparire in basso a destra, sul lato destro del menu. Puoi leggerlo leggermente dietro al menu.

questo è il codice CSS che cerco di usare:

#menulogo { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 
#menulogo img { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 

Io davvero non ho un indizio in questo momento che cosa devo fare per risolvere questo, in modo che qualsiasi aiuto sarà apprezzato il grande tempo !

saluti,

Koen

Answer 1

Si consiglia di leggere this MDN article per imparare come funziona z-index. Per risolvere il tuo problema, aggiungi il tuo div#menulogo all'elemento body.

Answer 2

modificare il codice come questo

#menulogo { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 
#menulogo img { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:5000; //changed from 2000 to 5000 
}