重叠<p>框</p>的内容

Question

我有这个HTML代码段：

<p id="meinFader">
    <img src="http://tierarztpraxis-miehlen.com/images/slide2.jpg" alt="Picture_1" width="100%">
    <img src="http://tierarztpraxis-miehlen.com/images/slide1.jpg" alt="Picture_2" width="100%" class="next">
    <img src="http://tierarztpraxis-miehlen.com/images/slide3.jpg" alt="Picture_3" width="100%" class="next">
</p>

现在我想让图像相互重叠。它们具有相同的尺寸，因此没有问题。我曾经通过在.css文件中添加一个条目来完成这项任务，但我不记得它是如何工作的。

任何帮助？

Answer 1

使用

#meinFader {
    position: relative;
}

#meinFader > img {
    position: absolute;
}

根据Bojan的评论修改。 JSFiddle