css 图片上面放图片大小

CSS中可以使用position属性将一个元素放置在另一个元素上面，而且我们可以通过设置z-index属性来控制它们的层叠顺序。因此，如果我们要在一个图片上方放置另一张图片，就可以利用这些属性来实现。

如果我们想要在一个已经存在的图片上方放置另一张图片，需要确保两张图片都使用了固定位置（position:fixed或position:absolute），并且要为它们设置z-index属性。接着，我们需要使用CSS选择器指定需要添加图片的元素，并在其中设置一个background-image。下面是一段示例代码：

.img-container {
  position: relative;
  z-index: 1;
}

.img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-image: url("overlay.png");
  width: 100%;
  height: 100%;
  background-size: cover;
}

在这个例子中，我们先给包含图片的容器元素.img-container设置了position: relative，并为它设置了一个较低的z-index值，这是因为我们想让它位于上方元素的底部。接着，我们为放置在图片上方的元素.img-overlay设置了position: absolute并将其定位在图片的左上角（top:0，left:0）。我们给它设置了一个较高的z-index值，这样它就可以覆盖在底层的图片上面。在这个示例中，我们使用了一个自带透明背景的PNG图片overlay.png作为覆盖层。

最后，我们还要将放置在图片上方的元素.img-overlay的背景大小设置为cover，这样它的背景图像就可以自适应尺寸并填充整个元素。这样，我们就成功地在一个图片上方放置了另一张图片。