iPhone上的图片链接不可点击
Posted
技术标签:
【中文标题】iPhone上的图片链接不可点击【英文标题】:Image link on iPhone is not clickable 【发布时间】:2012-05-17 03:20:37 【问题描述】:我有一个在 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" /></a>
<!-- end ad tag -->
</span>
</td>
</tr>
</table>
编辑 1:只是测试一些,如果我进入 iPhone 上的网络浏览器,然后返回邮件并单击图像,它会转到链接而不提示保存图像。
Edit 2:Edit 1 仅适用于iphone 4 5.1 版本(不适用于4S 未测试其他)。也适用于 ipad 3 5.1 版
编辑 3:也不适用于 3g iphone 5.1 版 我将把它标记为 iphone 问题,并说 jme1988 是正确的,除非有人想出别的办法。
感谢您的帮助
【问题讨论】:
你解决过这个问题吗? Justin Cherniak's answer,下面,为我工作。 【参考方案1】:您必须使用地图标签才能使其工作。 这是一个使用 facebook 图片链接到 facebook 的示例:
<img src="http://cdn2.iconfinder.com/data/icons/web2/Icons/FaceBook_128x128.png" usemap="#facebook" />
<map name="facebook">
<area shape="rect" coords="0,0,128,128" href="http://www.facebook.com" />
</map>
如果您对此不熟悉,请尝试将代码粘贴到 .html 文档中并检查一下(应该可以)。通常,您将“映射”放在 </body>
之前。
在 coords
争论中,您应该使用 x1,y1,x2,y2 绘图。这意味着您希望将矩形图像从图像大小的左上角映射到右下角。这似乎适用于 3G 版本。
【讨论】:
@RyanM 据我所知,但我会留给其他人来验证。 如果我按照此处的建议创建地图,则该链接可在 iPhone 上单击并正常工作,但在桌面邮件上不起作用。什么皮塔饼!其他想法? @JuanCarlosMéndez 它似乎可以在 Outlook 07 上运行,您使用的是什么电子邮件客户端? @hydroparadise - 是的,它适用于 Outlook。它不适用于 Apple Mail(OS X 上为 6.2)【参考方案2】:我实际上找到了一个适用于 ios 6.1.2 以及桌面 Apple Mail (6.0) 的解决方案:
结合以上方法:
<a href="http://foo">
<img src="http://bar" usemap="linkmap" title="Click me"/>
<map name="linkmap">
<area shape="rect" coords="0,0,80,80" href="http://foo" />
</map>
</a>
【讨论】:
【参考方案3】:尝试将以下 css 应用到您的图像标签并确保将其添加为内联样式。
-webkit-touch-callout: none;
-webkit-user-select: none;
【讨论】:
【参考方案4】:对我来说,这听起来像是 Iphone 的问题(我不会感到惊讶)。弹出的菜单可能是因为电子邮件客户端在尚未启动时无法启动浏览器窗口(因此有时它可以工作而其他人不工作)。
【讨论】:
谢谢,我认为这是 Iphone 问题。 iPhone 问题与否,都可以修复 - 请参阅 Mevo 的回答。 为什么要否决 2 年前的答案?这个现在刚刚被引入到 iPhone 上,但我当时的回答是正确的。【参考方案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 上不起作用。
希望这会有所帮助。
【讨论】:
【参考方案6】:确保您链接到图片而不是使用附件。见Why anchors tag containing an image don't work in Iphone's mail app?。
【讨论】:
以上是关于iPhone上的图片链接不可点击的主要内容,如果未能解决你的问题,请参考以下文章