Html 如何用图像修复文本

我在做我的在线投资组合网站，我有一个响应问题（我总是有响应问题，讨厌这件事）

这就是我希望我的网站在所有屏幕分辨率下的外观：

问题是，正如您可能知道的，当我用html编写此代码时，即使使用引导，大文本（不管是什么设计器）也会覆盖我的右侧，具体取决于屏幕大小

如何“修复”图像中的文本，以便无论屏幕大小如何，文本始终保持在图像的相同位置？

标记没有在其上添加文本的选项

您可以使用图像作为背景并添加文本。您可以使用

标记来实现此目的。如下所示：

对于较小的区域，如果需要，您可以将图像作为链接。例如，您的菜单有主页、关于等链接

小题大做

代码如下所示：

是的，我就是这么做的。我用背景图像和容器内的文本制作了一个容器。但是由于文本和图像是分开的，根据屏幕大小，文本在图像中停留在我的上方。类似于此问题：对：错：为了更好地理解，您可能应该将所有代码都放在问题中。我真正想要的是我的网站在所有屏幕尺寸下都像这样：

<div class="imageContainer">Some Text</div>

.imageContainer {

       background-image: url(locationoftheimage);
 }

<a href="home"><img src ="url_of_Image"></a>