Question

我有一个在outlook中使用的签名。签名底部有一个图像，包含图像的链接。在计算机上，您可以在iPhone上单击图像并转到链接，它会要求您保存图像，或复制或取消。有时我注意到它可以正常工作，但无法确定它何时链接以及何时要求复制图像。

代码是图像/链接的相关代码

    <table>
    <tr>
        <td>
            <span style="font-size: 10pt; font-family: Calibri">
                <br/>
                <!-- begin ad tag -->
                <a href="LINK" target="_blank">
                <img src="IMAGE" border="0" alt="" /></a>
                <!-- end ad tag -->
            </span>
        </td>
    </tr>
    </table>

编辑1：只是测试一下，如果我进入iPhone上的网络浏览器，然后返回邮件并点击图像，它会转到链接而不提示保存图像。

编辑2：编辑1仅适用于iphone 4版本5.1（不适用于4S尚未测试其他版本）。也适用于ipad 3版本5.1

编辑3：也不适用于3g iphone版本5.1 我打算将此标记为iphone问题并说jme1988是正确的，除非有人想出其他的东西。

感谢您的帮助

Answer 1

您必须使用地图标记才能使其正常工作。这是使用地图链接到Facebook的Facebook图片的示例：

<img src="http://cdn2.iconfinder.com/data/icons/web2/Icons/FaceBook_128x128.png" alt="Facbook" usemap="#facebook" />

 <map name="facebook">
   <area shape="rect" coords="0,0,128,128" href="http://www.facebook.com" alt="Facebook" />
 </map>

如果您对此不熟悉，请尝试粘贴.html文档中的代码并检查它（应该可以）。通常，您将“映射”放在</body>之前。

在coords争论中，你应该使用x1，y1，x2，y2绘图。这意味着您想要从图像大小的左上角到右下角映射矩形图像。这似乎适用于3G版本。

Answer 2

我实际上找到了适用于iOS 6.1.2以及桌面Apple Mail（6.0）的解决方案：

结合上述方法：

<a href="http://foo">
  <img src="http://bar" usemap="linkmap" alt="Click me" title="Click me"/>
  <map name="linkmap">
    <area shape="rect" coords="0,0,80,80" href="http://foo" alt="Click me" />
  </map>
</a>

Answer 3

尝试将以下css应用于您的图片代码，并确保将其添加为内联样式。

-webkit-touch-callout: none;
-webkit-user-select: none;

Answer 4

对我来说听起来像Iphone的问题（不会让我感到惊讶）。弹出的菜单可能是因为电子邮件客户端在尚未启动时无法启动浏览器窗口（因此有时为什么有效，而有些则无法启动）。

Answer 5

我不确定我的建议是否是最佳做法，但图像映射解决方案对我不起作用（iPhone 4s上的iOS 6.1）。

相反，我只是在我想要的可点击图像上放置一个透明的“a href”：

<a href="http://LINK" id="clickable" style="width:441px; height:244px; position:absolute; top:303px; left:46px; background-color:rgba(0,0,0,0); z-index:99">

此外，我不得不在图像本身周围留下原始的“a href”，因为透明链接在PC上的Outlook上不起作用。

希望这有帮助。

Answer 6

确保您链接到图片而不是使用附件。请参阅Why anchors tag containing an image don't work in Iphone's mail app?。

iPhone上的图片链接无法点击

6 个答案: