在html中，你如何将图像与其他图像重叠？

这个问题在这里已经有了答案：

如何覆盖另一个div 6个答案

---

简单地使用z-index ，数字越高，它在堆中堆叠得越高（即 - 靠近观察者）：

img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.image1 {
  z-index: 9999;
  width: 100px;
  height: 100px;
}
.image2 {
  z-index: 999;
  width: 200px;
  height: 200px;
}
.image3 {
  z-index: 99;
  width: 300px;
  height: 300px;
}
.image4 {
  width: 400px;
  height: 400px;
}

<img class="image1" src="http://gallery.photo.net/photo/6182716-md.jpg">
<img class="image2" src="http://gallery.photo.net/photo/12682192-md.jpg">
<img class="image3" src="http://gallery.photo.net/photo/2568318-md.jpg">
<img class="image4" src="http://gallery.photo.net/photo/6506352-lg.jpg">

---

那么，如果你只想要一张图片在你的背景图片上，那么就把你的图片放在你拥有的任何内容中。 如果您想通过图像获取图像，请使用z-index

对每张图片应用z-index，其中最高的图片为“最高”图片。

Z-index: 1;
Z-index: 2;
Z-index: 3;

等等

---

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

z指数的值越高越好。

链接地址: http://www.djcxy.com/p/75841.html

上一篇: In html how do you have an image overlapping an other image?

下一篇: How to place a div over another