无法让地图标记正常工作

  • Z时代
  • 2024-01-10
  • 分类：问答

我很难让映射标记正确地为图像工作。想知道如果有人可以看看，看看我做错了什么。 我遇到的问题是让地图甚至出现。图像全部加载正常，但是当我映射并链接某个部分（或整个图像）时，不会显示任何内容。无法让地图标记正常工作

HTML：

<div id="leftColumn"> 
<img src="/img1.jpg"><br><br> 
<img src="/img2.jpg"><br><br> 
<img src="/img3.jpg" usemap="#Map2" border="0"> 
<map name="Map2"> 
<area shape="rect" coords="80,298,371,377" href="www.SomeSite.com"> 
</map><br><br> 
</div>

CSS，如果它的事项：

#leftColumn { 
    height: 100%; 
    width: 61%; 
    float: left; 
}

我认为这是正确的，但也许从Dreamweaver一些实际的网站没有做正确的COORDS？我不知道，但我一直停留在这个..

回答：

可能有几个问题：

  • 图像文件被链接，因为它是在Web服务器的根目录，尝试./img3。 jpg

  • 确保映射图像的尺寸大于地图坐标，即在本例中为298x377 px

  • 您将div＃leftColumn设置为宽度：61％;什么？，图像适合那个宽度？

EDIT

  • 的图像是1530 X 380像素（固定尺寸）

  • 地图有291 X 79像素（固定尺寸）

  • 的图像在动态调整元件61父元素的宽度的％

解决方案：
- 保持图像/父eleme的固定大小nt .. - 放大地图尺寸

以上是 无法让地图标记正常工作 的全部内容， 来源链接： utcz.com/qa/263999.html

回到顶部