0

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

<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>

我想在映射图像前面放置一个文本区域，所以我虽然可以使用该z-index属性。

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

在正文中有一个文本区域（id="txtarea"）。顺便说一下，映射的图像在屏幕上没有出现居中对齐；你可以帮帮我吗？我<body background="/persbg.jpg">用作页面背景。

4

1 回答 1

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

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

于 2013-05-26T12:53:58.347 回答