图像地图适用于Chrome,但不适用于IE

时间:2018-01-29 19:17:18

标签: javascript html area imagemap

所以我有这个地图代码,在Chrome中看起来不错,但今天IE用户报告说可点击区域无法点击。 (对不起,这很模糊;不确定她是否有鼠标悬停行为或任何东西。我可以检查一下这是否重要。)

代码:

<img id="flowchart" src="images/course-flowchart.png" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="289,14,397,68" onMouseOver="hoverEss();" onClick="clickEss();" />
  <area shape="rect" coords="331,70,356,115" onMouseOver="hoverEssPre();" />
  <area shape="rect" coords="289,115,397,171" onMouseOver="hoverPre();" onClick="clickPre();" />
  <area shape="rect" coords="330,172,356,216" onMouseOver="hoverPreHsmp();" />
  <area shape="rect" coords="289,215,397,271" onMouseOver="hoverHsmp();" onClick="clickHsmp();" />
  <area shape="rect" coords="326,271,361,318" onMouseOver="hoverHsmp10c();" />
  <area shape="rect" coords="289,318,397,373" onMouseOver="hover10c();" onClick="click10c();" />
  <area shape="rect" coords="224,382,341,422" onMouseOver="hover10c201();" />
  <area shape="rect" coords="344,382,464,422" onMouseOver="hover10c202();" />
  <area shape="rect" coords="180,422,288,478" onMouseOver="hover201();" onClick="click201();" />
  <area shape="rect" coords="396,422,504,478" onMouseOver="hover202();" onClick="click202();" />
  <area shape="rect" coords="434,478,467,524" onMouseOver="hover202302();" />
  <area shape="rect" coords="398,525,504,580" onMouseOver="hover302();" onClick="click302();" />
  <area shape="rect" coords="220,478,249,524" onMouseOver="hover201301();" />
  <area shape="poly" coords="295,467,400,516,390,539,283,488" onMouseOver="hover201302();" />
  <area shape="rect" coords="180,525,288,580" onMouseOver="hover301();" onClick="click301();" />
  <area shape="rect" coords="68,492,219,524" onMouseOver="hover20131();" />
  <area shape="rect" coords="26,524,133,580" onMouseOver="hover31();" />

</map>

如果你想在原地看到它,这是页面: https://media.norquest.ca/ace/math/uosc/math-placement.shtml

感谢您的任何想法! JF

0 个答案:

没有答案