两个图像重叠另一个图像

Question

我遇到了其中一张图片的透明度问题。左图和中图是好的。但是正确的一个并不隐藏在中心之后。尝试溢出：隐藏和z-index但没有运气。难道我做错了什么？或者也许更好的方法来实现这样的目标？

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

Answer 1

您需要声明positioning才能使z-index生效。

将波纹管添加到当前样式中。

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