Javascript 将文本应用于图像（不推送）

我一直在努力解决这个问题，但到目前为止我完全不知所措，我已经尝试了许多与调整页面顶部图像大小相关的事情，并得出结论，我可以将背景设置为图像的扩展版本，并使用

text align:center

（因为主图像较小），

这对我来说非常好，直到我意识到，为了添加按钮，我需要在图像上方添加文本，但如果我尝试这样做，它会将图像向下推，我的网站当前的外观示例如下，我想找到一种方法，在不干扰主图像的情况下，将文本覆盖应用于主图像

我没有使用

marginleft/marginright

或

position:absolute

的原因是，当我更改浏览器大小时，主图像的大小调整不正确。任何帮助都将不胜感激

（我的HTML不是最好的，因为我还在开始）

身体{
背景图片：url（“图片/网站横幅编号2.png”）；
背景色：#000000；
背景重复：无重复；
保证金：0；
填充：0；
}
»[欢迎]访问韩寒的技术课程网站

看看这个。 这就是你要找的吗

根据窗口宽度调整背景图像？

background:url（“http://www.testinghtml.tk/images/Website 横幅编号2.png“）无重复滚动中心顶部/盖子透明

除了建议您将背景添加到另一个div（bodyWrapper）中，而不是身体，因为您可以根据需要调整div的高度

    <div style="text-align:center">
 <img src="images/Website Banner.png" alt="Han's Class" usemap="hans" />
 <map name="hans">
 <area shape="rect" color="#FFFFFF" coords="7,371,90,395" href="index.html" alt="Home">
 <area shape="rect" color="#FFFFFF" coords="117,371,200,395" href="general.html" alt="Information">
 <area shape="rect" color="#FFFFFF" coords="227,373,310,395" href="info.html" alt="General">
 <area shape="rect" color="#FFFFFF" coords="336,373,422,395" href="faq.html" alt="Frequently Asked Questions">
 <area shape="rect" color="#FFFFFF" coords="446,372,532,395" href="rules.html" alt="Rules">
 <area shape="rect" color="#FFFFFF" coords="559,372,645,395" href="forum.html" alt="Forums">
 </map>
</div>



我希望有另一种方法可以做到这一点，这样当我在按钮上方悬停时，按钮就会亮起来，但我想这是一个很好的选择，感谢那些试图提供帮助的人。如果你知道更好的方法，请告诉我
 没有看到您的实际代码，这毫无意义。我想您可能只是在我链接的网页上使用“查看源代码”，但我会用代码进行更新。为了让人们回答您的问题，您应该尽可能容易地找出问题所在，这意味着发布您认为相关的代码和其他详细信息，以及我认为与此问题相关的所有代码。我希望它是xD，我正在尝试保留我已经设置的布局，如果您还没有看到它，我正在尝试在您在图像上看到的黑色选项卡中获取一些
代码，这样我就可以这样切换页面了。但每当我试图把这些放在图像的顶部，它就会推动图像。
    <div style="text-align:center">
 <img src="images/Website Banner.png" alt="Han's Class" usemap="hans" />
 <map name="hans">
 <area shape="rect" color="#FFFFFF" coords="7,371,90,395" href="index.html" alt="Home">
 <area shape="rect" color="#FFFFFF" coords="117,371,200,395" href="general.html" alt="Information">
 <area shape="rect" color="#FFFFFF" coords="227,373,310,395" href="info.html" alt="General">
 <area shape="rect" color="#FFFFFF" coords="336,373,422,395" href="faq.html" alt="Frequently Asked Questions">
 <area shape="rect" color="#FFFFFF" coords="446,372,532,395" href="rules.html" alt="Rules">
 <area shape="rect" color="#FFFFFF" coords="559,372,645,395" href="forum.html" alt="Forums">
 </map>
</div>