Html <；地图>；形象

在我的网站上，我绘制了一幅图像，如下图所示：

<div style="text-align:center; width:1298px; margin-left:auto; margin-right:auto;">
<img id="img2" src="http://mk7vrlist.altervista.org/pictures/sfondogs.png" usemap="#img2" border="0" width="1298" height="660" alt="" />
<map id="_img2" name="img2">
<area shape="rect" coords="35,26,110,99" href="http://mk7vrlist.altervista.org/databases/application.html" alt="" title="If we are recruiting, you can ask for join our staff."    />
<area shape="rect" coords="1181,27,1256,100" href="http://mk7vrlist.altervista.org/databases/sendrecord.html" alt="" title="Send us your VRs."    />
</map>
</div>

正文中有一个textarea（id=“txtarea”）。顺便说一句，映射的图像在屏幕上不显示居中对齐；你能帮我吗？我正在使用

作为页面背景

img
{
position:relative;
z-index:-1;
}

自位置：绝对将相对于具有相对（或绝对）定位的下一个父元素。如果没有这样的父级，它将一直默认返回到元素本身，这意味着它将相对页面本身放置。因此，它并没有像您预期的那样位于中心

---

自位置：绝对将相对于具有相对（或绝对）定位的下一个父元素。如果没有这样的父级，它将一直默认返回到元素本身，这意味着它将相对页面本身放置。因此，它并没有像您预期的那样位于中心

将位置更改为relativeThank you，它现在起作用：）@Anna.p你应该将其作为一个答案，其中包含（一些？）关于它为什么起作用的内容。将位置更改为relativeThank you，它现在起作用：）@Anna.p你应该将其作为一个答案，包含（一些？）关于它为什么起作用的内容

img
{
position:relative;
z-index:-1;
}