Question

我为移动设备创建了一个无响应的网页。它包含切片图像和链接的图像映射。它嵌入在cms中，它使用bootstrap和javascript来访问网站上的其他功能。

这些链接在Safari for iOS甚至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>

Answer 1

我找到了自己问题的答案。我的公司正在使用一个插件，根据屏幕大小调整图像映射的大小。原来这个插件已经过时了，并没有像在其他浏览器中那样在Chrome中初始化。我下载了另一个适用于所有浏览器的插件。我使用了ImageMapResizer。

图片地图无法在Chrome for iOS上使用

1 个答案: