html - 如何在css上的多个图像顶部添加1个图像

Question

您好，我想知道是否有人可以帮助我将一张从 css 调用或加载的图像添加到 html 上的多个图像中。

例子：

提前致谢。

标签： htmlcssimage

Answer 1

这是您可以做的一件事。

确保图像样本（没有背景颜色）。然后给它与背景图像相同的大小和位置。完成后，将图像样本和 z-index 设为 1。这会将其推到另一张图片上方。

    .image1
    {
      z-index: 1;
      width: 100%;
    }

    .imge2
    {
      position:absolute;
      top: 25px;
      left: 45%;
      z-index: 2;
      width: 300px;
      margin: auto;
    }

希望这是您的答案的解决方案