12

我有一个在 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 是正确的,除非有人想出别的东西。

感谢您的帮助

4

6 回答 6

8

您必须使用地图标签才能使其工作。这是一个使用 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 版本。

于 2012-06-22T16:40:45.300 回答
4

我实际上找到了一个适用于 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>
于 2013-02-22T00:55:11.130 回答
1

尝试将以下 css 应用到您的图像标签并确保将其添加为内联样式。

-webkit-touch-callout: none;
-webkit-user-select: none;
于 2014-08-05T09:33:53.947 回答
0

对我来说,这听起来像是 Iphone 的问题(我不会感到惊讶)。弹出的菜单可能是因为电子邮件客户端在尚未启动时无法启动浏览器窗口(因此有时它可以工作而其他人不工作)。

于 2012-05-08T16:15:04.843 回答
0

我不确定我的建议是否是最佳实践,但图像映射解决方案对我不起作用(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 上不起作用。

希望这可以帮助。

于 2013-02-06T10:25:16.503 回答
0

确保您链接到图像而不是使用附件。请参阅为什么包含图像的锚点标签在 Iphone 的邮件应用程序中不起作用?.

于 2013-04-29T15:14:31.577 回答