css img上浮现img

可以使用CSS的position属性和z-index属性来实现。

首先，将需要浮现的img元素的position属性设置为absolute，以脱离文档流，并给它设置一个较高的z-index值。

然后，将其父元素（包含原img元素的元素）的position属性设置为relative，以创建一个相对定位的容器。

最后，通过调整需要浮现的img元素的top和left属性，来达到浮现的效果。

以下是一个示例代码：

<div class="container">
  <img src="original-img.jpg">
  <img src="hover-img.jpg" class="hover-img">
</div>

.container {
  position: relative;
}

.hover-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/* 鼠标悬停时改变浮现图片的透明度 */
.hover-img:hover {
  opacity: 0.5;
}

上述代码中，hover-img类的img元素会浮现在original-img元素上方，通过:hover伪类可以实现鼠标悬停时改变浮现图片的透明度等效果。