图像地图不适用于 iOS 版 Chrome答案

【问题标题】：Image map is not working on Chrome for iOS图像地图不适用于 iOS 版 Chrome
【发布时间】：2015-03-12 03:25:37
【问题描述】：

我为移动设备创建了一个非响应式网页。它包含用于链接的切片图像和图像映射。它嵌入在一个 cms 中，该 cms 使用引导程序和 javascript 来实现网站上的其他功能。

这些链接在 iOS 版 Safari 甚至 Android 手机浏览器上都可以正常工作，但在 iOS 版 Chrome 应用程序上却不能正常工作。当我点击图像时，什么也没有发生。就好像没有链接一样。不知道为什么 Chrome 没有选择图像地图。 Chrome 应用中可能存在拒绝图像映射的错误吗？

<div class="imgContainer">
   <img class="posBANNER1" src="http://imagepath?$jpeg$&amp;wid=640" alt="Blah" usemap="#example">
   <map id="example" name="example" class="map">
      <area href="#" alt="Blah" rel="iframe" coords="134,713,501,743" class="fancybox-map" shape="rect">
      <area href="#" alt="Blah" rel="" coords="0,18,320,699" class="" shape="rect">
      <area href="#" alt="Blah" rel="" coords="321,18,638,699" class="" shape="rect">
   </map>
</div>

【问题讨论】：

标签： html ios google-chrome imagemap mobile-browser

【解决方案1】：

我找到了自己问题的答案。我的公司正在使用一个插件，它可以根据屏幕大小调整图像地图的大小。结果发现该插件已过时，并且没有像在其他浏览器中那样在 Chrome 中进行初始化。我下载了另一个适用于所有浏览器的插件。我用ImageMapResizer。

【讨论】：