[分享]css中字怎样在图的上面

在CSS中，通过z-index属性可以控制元素的图层层级，从而实现字在图的上面的效果。

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

p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
} 

首先，需要将图片的position属性设置为relative，这样才能使字的position属性相对于图片生效。然后，通过z-index属性将图片的层级设置为1，使其处于最底层。

接下来，将字的position属性设置为absolute，使其脱离文档流，并且通过top、left和transform属性对其进行定位，使其居中显示。最后，将字的z-index属性设置为2，使其位于图片的上层。

这样就实现了字在图的上面的效果。