css使图片在图片上方

CSS是一种用于网页设计的语言。使用CSS，可以实现许多有趣的效果，比如让图片在图片上方。

img {
  position: relative;
  z-index: 1;
}
img:hover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url(overlay.png);
  background-size: cover;
  opacity: 0.5;
}

这段代码使用了CSS的一些高级属性。首先，将图片的定位设置为相对定位，这样鼠标悬停时图片上方的半透明遮罩才能正常显示。然后，设置了图片的层级，使其显示在遮罩的上方。最后，使用:hover和:after伪类来添加半透明遮罩，使图片上方的效果得以实现。

值得注意的是，这段代码中的overlay.png是一个半透明的PNG图片，可以自行制作。同时，background-size: cover属性可以让遮罩图片铺满整个图片。

这样，你就可以利用CSS来实现图片在图片上方的效果了。