发布背景和文字时，作出响应 我有2个使用基础的专栏，只有像我想要的那样，把图片放到网站上的是下面的代码和CSS。我的问题是，我无法获取文本和信息，以便转到图像的顶部并保持居中

在这里，在介绍部分，这两个专栏是我想要完成的

我已经尝试过flex和block，如果图像被设置为列的背景，它就不会像我所希望的那样响应

。什么{
最大高度：428px；
身高：100%；
溢出：隐藏；
}
诺巴德先生{
填充：0px；
}

---

您可以使用

位置：绝对；最高：50%；左：50%；转换：翻译（-50%，-50%）

将元素居中放置在图像上

。什么{
最大高度：428px；
身高：100%；
溢出：隐藏；
位置：相对位置；
}
诺巴德先生{
填充：0px；
}
.info{
位置：绝对位置；
顶部：50%；左侧：50%；
转换：翻译（-50%，-50%）；
背景：rgba（255255,0.5）；
填充：1em；
}

文本
文本

您可以尝试使用将文本放置在图像顶部：

.text {
  z-index: 100;
}
img {
  z-index: -1;
}