css Wyższy indeks zera pojawia się pod niższym

Question

Mam problem z z-indeksami na css.

Mam jedną pozycję z z-indeksem < 100, i jeszcze jedną (zdjęcie) z indeksem Z wynoszącym 3000 (naprawdę dużo wyżej).

Nadal drugi pojawia się pod pierwszym, co doprowadza mnie do szału. Szukałem trochę problemu, czytałem, że może to być spowodowane nie umieszczaniem pozycji , więc próbowałem z pozycją: fixed, position: relative, ale żadna z 2 pracy.

Strona jest: www.imagine-that.be

Obraz ma się pojawić w prawym dolnym rogu, po prawej stronie menu. Możesz go nieco zobaczyć za menu.

jest to kod CSS, który próbuję użyć:

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

ja naprawdę nie mam pojęcia, w tej chwili to, co należy zrobić, aby rozwiązać ten problem, więc każda pomoc będzie mile widziane wielki czas !

pozdrowienia,

Koen

Answer 1

Należy czytać this MDN article, aby dowiedzieć się, jak działa z-index. Aby rozwiązać problem, po prostu nadaj swojemu div#menulogo elementowi body.

Answer 2

Zmień swój kod jak ten

#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 
}