Question

我在div中有一个平移图像。在此平移图像（即背景）上，我有一个html地图区域，其中包含指向其他页面的链接。这可行。无论如何，现在我想在平移背景上放一个小图像。我已经尝试过使用css“ position：relative”，它可以正常工作..但是地图区域中的链接尚不可点击。如果删除平移图像中的“ position：relative”，则链接有效。我怎样才能解决这个问题？我需要该链接有效..但我也希望图像位于平移图像中（在后台）。

<img src='/images/mappa/atlas.jpg' class='panning' usemap="#Map" style="position:relative!important;z-index:-1000!important;">

   <map name="Map" id="Map">
   <area alt="Arena" title="Arena" href="/script/chat.php?luogo=Arena" shape="rect" coords="513,434,531,452"/>
   <area alt="Isola Inesplorata" title="Isola Inesplorata" href="/script/chat.php?luogo=Isola_Inesplorata" coords="204,77,12" shape="circle">
   </map>

<img src="/images/minions/8.png" style="margin-top:<?php echo $y;?>;margin-left:<?php echo $x;?>;position:relative!important;z-index:-700!important;">

显然，地图代码要长得多，我只是在示例中添加了必要的代码。我已经尝试过将小图像的代码移到平移背景的上方或下方，这是无关紧要的。

我将CSS直接放在样式中，以使您更好地理解我输入的内容。

Answer 1

已解决。我使用了这种解决方案：

1）我创建了一个新的div容器，其相对位置和z-index的值为负（例如：-1000）。 2）我将具有正值和相对位置的z-index设置为小图像。

现在我有了图像和链接。

将小图像放在平移图像背景上

1 个答案: