CSS在div中定位两个图像

我正在尝试设置这种样式的图像：一个在上面，另一个在下面。 事实上，我做错了什么，在我的结果中，图像是一个接一个的这里是

第二个图像被

滑块

类中的

溢出：隐藏

隐藏

问题: 我哪里出错了？我相信有一个简单的解决办法，但我浪费了一些时间，找不到它

---

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

将图像的css更改为：

img{
    display:block;
}

这就是诀窍

评论后编辑：

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

---

在左上角将所有图像装订在一起

将图像的css更改为：

img{
    display:block;
}

这就是诀窍

评论后编辑：

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

在左上角将所有图像装订在一起

我想你的img必须

img
{
display:block; /*if you want top to bottom use display:inline;*/

}

我想你的img必须

img
{
display:block; /*if you want top to bottom use display:inline;*/

}

---

我看到你已经标记了答案，但我已经打好了，所以给你：）

在这里，您还可以通过删除浮动来简化CSS，如果您只使用图像作为滑块（图像旁边没有文本），您甚至可以通过删除整个

.photo

div来简化HTML

简化代码：

<div class="slider">
    <img src="http://lorempixel.com/754/453/" alt="Bottom Image" />
    <img src="http://placehold.it/754x453" alt="Top Image" />
</div>

.slider {
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 371px;
    width: 754px;
    height: 453px;
}
img{
    position: absolute;
    z-index: -1;
    top: 0px;
    left:0px;
}

.滑块{
溢出：隐藏；
位置：绝对位置；
顶部：1px；
左：371px；
宽度：754px；
身高：453px；
}
img{
位置：绝对位置；
z指数：-1；
顶部：0px；
左：0px；
}

---

我看到你已经标记了答案，但我已经打好了，所以给你：）

在这里，您还可以通过删除浮动来简化CSS，如果您只使用图像作为滑块（图像旁边没有文本），您甚至可以通过删除整个

.photo

div来简化HTML

简化代码：

<div class="slider">
    <img src="http://lorempixel.com/754/453/" alt="Bottom Image" />
    <img src="http://placehold.it/754x453" alt="Top Image" />
</div>

.slider {
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 371px;
    width: 754px;
    height: 453px;
}
img{
    position: absolute;
    z-index: -1;
    top: 0px;
    left:0px;
}

.滑块{
溢出：隐藏；
位置：绝对位置；
顶部：1px；
左：371px；
宽度：754px；
身高：453px；
}
img{
位置：绝对位置；
z指数：-1；
顶部：0px；
左：0px；
}

---

你想完成什么？我的滑块需要它。实际上，在

fadeOut

jQuery效果中，thers是空的，在完成动画后，下一个img跳转到这里。我需要删除这个跳转效果。你在JSFIDLE中有你想要的样式。（删除溢出后：隐藏）你想要完成什么？我需要它作为我的滑块。实际上，在

fadeOut

jQuery效果中，thers是空的，在完成动画后，下一个img跳转到这里。我需要删除这个跳转效果。你在JSFIDLE中有你想要的样式。（删除溢出后：隐藏）@WooCaSh，但这正是你在问题中写的。你想要一张图片放在另一张下面。我的意思是，左上角的第二张、第三张等应该在第一张图片左上角的同一位置：谢谢你，很抱歉提出了一个小问题。@WooCaSh没问题，我很乐意帮忙。@WooCaSh但这正是你在问题中写的内容。你想要一张图片放在另一张下面。我的意思是左上角的第二张、第三张等应该在第一张的左上角的同一个位置：谢谢，很抱歉有个小问题。@WooCaSh没问题，我很乐意帮忙。