Html 我要我的div'；重叠

我试图重叠一些图像，但无论我尝试的位置组合是什么，它似乎都不起作用

这是HTML

<li class="six">

<img class="06a" src="../inhouds/images/page06a.png"> 
<img class="06b" src="../inhouds/images/page06b.png">
<img class="06c" src="../inhouds/images/page06c.png">

</li>

<img class="a06a" src="http://i.imgur.com/JMCU8.jpg"> 
<img class="a06b" src="http://i.imgur.com/UjdNhhO.jpg">
<img class="a06c" src="http://i.imgur.com/KOfaU.jpg">

---

我希望有人能帮助我

您是否在寻找这种重叠

将标记更改为更好的语义（类的字母，而不是数字）：

不要以数字开头类名。使用

left

而不是

marginleft

，因为您使用的是绝对定位

HTML

<li class="six">

<img class="06a" src="../inhouds/images/page06a.png"> 
<img class="06b" src="../inhouds/images/page06b.png">
<img class="06c" src="../inhouds/images/page06c.png">

</li>

<img class="a06a" src="http://i.imgur.com/JMCU8.jpg"> 
<img class="a06b" src="http://i.imgur.com/UjdNhhO.jpg">
<img class="a06c" src="http://i.imgur.com/KOfaU.jpg">

这是一个很好且清晰的例子来理解它是如何工作的

CSS

HTML

---

对于您定位为绝对的东西，您应该始终定义

top

和

left

。

1）以字母开头您的id或类2）将它们从列表中删除www.jsfiddle.netalso如果您使用的是position:absolute，为什么不使用left和top而不是愚蠢的边距？@mplungjan我想您指的是类。因为他们在那里使用了类。你能展示一下你想要达到的目标吗？即使是用油漆做的也可以。

<img class="a06a" src="http://i.imgur.com/JMCU8.jpg"> 
<img class="a06b" src="http://i.imgur.com/UjdNhhO.jpg">
<img class="a06c" src="http://i.imgur.com/KOfaU.jpg">

.a06a {
position:absolute;
z-index: 250;
}

.a06b {
position:absolute;
z-index: 260;
left: 50px;
}

.a06c {
position:absolute;
z-index: 270;
left: 100px;
}

.box1, .box2, .box3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: red;
}

.box2 {
    background: green;
    left: 50px;
}

.box3 {
    background: blue;
    left: 100px;
}

.container {
    position: relative;
}

<div class="conatiner">
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
</div>