css3让文字显示在图片上

可以使用CSS3中的`position`属性和`z-index`属性来实现将文字显示在图片上。

具体步骤如下：

1. 首先，在HTML中将图片和文字都放在一个相对定位的容器中，比如：

<div class="container">
  <img src="image.jpg">
  <p>Some text here</p>
</div>

2. 然后，在CSS中设置容器的`position`属性为`relative`，图片和文字的`position`属性为`absolute`，并为文字设置一个较高的`z-index`值，比如：

.container {
  position: relative;
}

img {
  position: absolute;
  top: 0;
  left: 0;
}

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

这样就可以将文字显示在图片上了。其中，`top`和`left`属性可以根据需要进行调整，`transform`属性用于将文字居中对齐。

相关问题

如何将字体显示在背景图片上css

为了将字体显示在背景图片上，你可以使用CSS中的background-clip属性并将其设置为text。这将使得背景仅填充到文字本身的区域，而不是整个文本容器，从而产生一个在背景图片上的字体效果。示例代码如下：

background-image: url('yourimage.jpg');
background-clip: text;
color: transparent;

请注意将color属性设置为transparent，这是因为没有设置颜色的话，自然就是不可见的。