HTML NEWSLETTER : 带有包装链接的图像在 iPhone 上不可点击答案

【问题标题】：HTML NEWSLETTER : Image with wrapped link isn't clickable on iPhoneHTML NEWSLETTER : 带有包装链接的图像在 iPhone 上不可点击
【发布时间】：2013-09-13 23:13:59
【问题描述】：

我写了一个 HTML 时事通讯，并在我的图片周围有一个链接 (a href)。这是典型且有效的 HTML 代码。

但是，如果我在 iPhone 上测试我的时事通讯并尝试单击该图像以跟随我的链接。 iphone菜单弹出，我可以分享链接，保存图像..等，但我无法打开链接！

不知道为什么？！啊啊啊。

这是一个 HTML 时事通讯，我不能使用 JavaScript。

<td width="253" valign="middle">
   <a href="http://mydomain.com/mydocument.pdf" target="_blank">
  <img src="http://mydomain.com/button.png" width="253" height="39" alt="My Image" style="display:block;" border="0" />
   </a>
  </td>

【问题讨论】：

尝试删除target="_blank" 看看是否有帮助。

标签： iphone image hyperlink newsletter clickable

【解决方案1】：

解决办法是……

在图形元素上创建一个 Imagemap 它可以工作

<img src="button.png" width="253" height="39" alt="" style="display:block;" border="0" usemap="linkmap" />

然后。

<map name="linkmap">
 <area shape="rect" coords="0,0,253,39" href="http://mydomain.com/mydocument.pdf" target="_blank" alt="" />

【讨论】：