mailto: 和 tel: 在移动网络上的锚标记中带有图像的方案答案

【问题标题】：mailto: and tel: scheme with image in anchor tag on mobile webmailto: 和 tel: 在移动网络上的锚标记中带有图像的方案
【发布时间】：2011-08-04 04:46:57
【问题描述】：

我在页面的右下角绝对放置了锚标记（一个水平相邻）。其中一个锚点是 mailto: 链接，另一个是 tel: 链接。每个都包含一个图像而不是文本。两者似乎都无法在我的 Android 设备上正常工作。我可以选择每个链接，但只有长按才能选择拨打号码或发送电子邮件。如果我摆脱图像并使用电话号码和电子邮件的实际文本，则会发生适当的操作。在让手机识别不是实际文本的电话号码和电子邮件时，是否有一些我不知道的细微差别？

<a class="emailTag" href="mailto:myEmail@gmail.com">
     <img src="email_img.png" alt="myEmail@gmail.com" />
</a>
<a class="phoneTag" href="tel:1234567890">
     <img src="phone_img.png" alt="1234567890" />
</a>

我也尝试删除 img 标签并为锚标签设置背景图像，但我得到了相同的结果。

【问题讨论】：

标签： android html anchor mailto tel

【解决方案1】：

我的 2.2 设备上没有您的问题。您是否尝试过进行简单的测试以避免其他 css/js 的任何副作用？

Google 在其移动搜索结果中是这样做的：<div onclick="window.location.href = 'tel:0123456789'" >0123456789</div>

它可能对你有用。

【讨论】：