Zwei Bilder überlagern sich mit einem anderen

Question

Hallo, ich habe ein Problem mit der Transparenz eines der Bilder. Das linke und mittlere Bild ist in Ordnung. Aber der Richtige ist nicht hinter dem Ersten versteckt. Versuchte Überlauf: versteckt und z-index aber kein Glück. Mache ich etwas falsch? Oder ist es vielleicht der bessere Weg, um so etwas zu erreichen? Dank

Fiddle 
https://jsfiddle.net/DTcHh/21240/ 

Answer 1

müssen Sie positioning, um zu erklären, für z-index zu arbeiten.

Fügen Sie den Balg zu Ihren aktuellen Stilen hinzu.

#ekrany .container > div:nth-child(3) img { 
 
    max-width: 100%; 
 
    position: relative; 
 
    z-index: -1; 
 
}