CSS在div中定位两个图像

Question

我正在尝试以这种方式设置图像:一个在上面，另一个在下面。 实际上我做错了什么，在我的结果图像中是一个在另一个下面。 这里是 jsFiddle .

第二张图片被 slider 类中的 overflow:hidden 隐藏。

问题:

我哪里弄错了？我确定有简单的解决方案，但我浪费了一些时间却找不到它。

P.S. 如果可能的话，我正在寻找仅更改 css 的解决方案。

Answer 1

将您的图像的 css 简单地更改为:

img{
    display:block;
}

这就是诀窍。

评论后编辑:

img{
    position: absolute;
    z-index: -1;
    top: 0px;
    left:0;    
}

这会在左上角将所有图片钉在一起。