Question

对于我正在为我的工作制作的网站，我想主要使用CSS编码，但是当我看到涉及CSS地图的所有问题时，我接受了其他人的建议并坚持传统的HTML风格的地图。但是，映射代码不起作用，链接仍然无法点击。我不确定这是否是CSS / HTML组合的问题，但我的代码如下：HTML部分：

<body>
<div id="header">
    <div id="menu">
        <img src="http://i74.photobucket.com/albums/i266/nanashiwolf/header.png" width="770" height="100" alt="logo" border="0" usemap="#headermap" />

<map name="#headermap">
  <area shape="rect" coords="156,67,156,83,225,83,225,67" href="links.html" alt="Links" />
  <area shape="rect" coords="239,67,239,83,309,83,309,67" href="links.html" alt="Links" />
  <area shape="rect" coords="324,67,324,83,392,83,392,67" href="links.html" alt="Links" />
  <area shape="rect" coords="403,67,403,83,511,83,511,67" href="links.html" alt="Links" />
  <area shape="rect" coords="526,67,526,83,588,83,588,67" href="links.html" alt="Links" />
  <area shape="rect" coords="602,67,602,83,662,83,662,67" href="links.html" alt="Links" />
  <area shape="rect" coords="675,67,675,83,736,83,736,67" href="links.html" alt="Links" />
</map>
    </div></div>

紧随其后的是网站正文的另一个公开div，据我所知，没有任何问题。我觉得这可能是菜单标签的一个问题，但这就是菜单的所有内容：

#menu {

    float: left;
    width: 767px;
    height: 200px;
}

我不确定问题是什么，因为我之前使用过地图并且它们总是有效，所以我唯一想到的是CSS在某种程度上是冲突的。如果我正在查看错误的CSS而另一个标签会导致问题我也可以发布。现在我在IE中看到这个（我还没有下载FF，但我会），所以我不知道这是否也是一个问题。

Answer 1

地图name参数中不应包含#：

<map name="headermap">

只有在usemap指令中才需要：

<img usemap="#headermap">

将#放入地图名称后，您实际上必须使用usemap="##headermap"。

HTML地图无法正常工作

1 个答案: