两个图像重叠另一个

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