代码之家 › 专栏 › 技术社区 › PassionateDeveloper

Div/CSS/ZIndex-如何重叠图片?

css

PassionateDeveloper · 技术社区 · 15 年前

我有5张照片,我会把这5张重叠起来。

我读了很多关于如何使用CSS/Div和重叠的文章,但我一点也不懂。

我有一个正常的500宽度的div容器作为“内容”填充。

在这个div中,我将有5张相互重叠的图片。

我尝试了所有的“职位:”,但没有什么能满足我的要求。

2 回复 | 直到 15 年前

Adam Lukaszczyk 15 年前

<div style="position:relative">
  <img src="1.png" style="position:absolute; top:0px; left:10px; z-index:0"/>
  <img src="1.png" style="position:absolute; top:0px; left:20px; z-index:1"/>
  <img src="1.png" style="position:absolute; top:0px; left:30px; z-index:2"/>
  <img src="1.png" style="position:absolute; top:0px; left:40px; z-index:3"/>
  <img src="1.png" style="position:absolute; top:0px; left:50px; z-index:4"/>
</div>

试试这个