如何修复文字与图像

Question

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

这就是我希望我的网站看起来像在所有的屏幕分辨率： https://s3.amazonaws.com/f.cl.ly/items/0W3k3Y0C3L2O2m2J2P1I/resolution2.jpg

的问题是，你可能知道，当我在即使有引导的大文本的HTML代码本（设计师，不管是什么）根据屏幕尺寸在右侧覆盖我。

如何“修复”图像中的文字，以便不管屏幕大小，文字始终保留在图像的相同位置？

Answer 1

<img>标签没有选项来添加文本。

您可以使用图像作为背景并添加文本。您可以使用<div>标签来达到此目的。类似下面：

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

使用的CSS背景图像属性来显示图像

.imageContainer { 

     background-image: url(locationoftheimage); 
} 

对于较小的区域的你可以使图像的链接，如果你想。例如你的菜单中有链接，如主页，关于等

做一个小image like this

代码将是这样的：

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