Question

不使用Bootstrap，只使用自定义类来使模态工作。我可以在模态中获取图像并添加了mapmap =“＃MapSys”，它在map标签中是相同的。 map标签包含坐标。但是，图像映射不起作用，并且热点不活动。由于它使用自定义类，我不能在jsfiddle上发布。

<div id="targeted-rna-expression-div"><p><a class="modalLink[820,300]" href="/content/dam/illumina-marketing/images/applications/sequencing/amplicon-workflow-solution-lg.jpg?iframe" title="TruSeq Targeted RNA Expression Workflow" usemap="#MapSys"><span class="sequencing-rna-targeted_rna_expression"><img alt="TruSeq Targeted RNA Expression Workflow" class="roundRect left" src="/content/dam/illumina-marketing/images/applications/sequencing/amplicon-workflow-solution.jpg"></span></a><a class="modalLink[820,300]" href="/content/dam/illumina-marketing/images/applications/sequencing/amplicon-workflow-solution-lg.jpg?iframe" title="TruSeq Targeted RNA Expression Workflow" usemap="#MapSys">
  <map name="MapSys">
    <area shape="rect" coords="66,233,204,261" href="http://www.illumina.com/informatics/research/experimental-design/designstudio.html" target="_blank">
  </map>
<br>
View the workflow »</a></p>
</div>

Answer 1

我看到了几个问题。 usemap是属于img标记的属性（不在锚标记中）。另外，请确保页面上只有map name =“MapSys”和usemap =“＃MapSys”的单个实例。我会将地图元素放在img标记之后，并且在该地图标记周围没有额外的锚点。

Modal中的图像映射

1 个答案: