HTML <map>标签不与Outlook电子邮件客户端

工作我想用电子邮件就可以点击链接HTML格式的照片。我用下面的代码HTML <map>标签不与Outlook电子邮件客户端

<!DOCTYPE html> 
<html> 
<head> 
<title> Document Title </title> 
<body> 
<img src="online photohosting URL" alt="" usemap="#Map" /> 
<map name="Map" id="Map"> 
    <area alt="" title="" href="outlet URL to this specific area of image" shape="rect" coords="280,348,145,213" /> 
    [...] 
</map> 
</body> 
</title> 
</head> 
</html>

它的工作原理，当我将它保存为HTML格式，并在浏览器中打开，但是当我插入HTML文件作为Outlook的文本，收件人只能看到图像而不是地图。是否需要修改代码？或者还有其他解决方法吗？谢谢

来源

2016-07-15 Shrijan Aryal

典型的电子邮件客户端不支持完整的HTML元素等。通常，你应该尽量保持简单的电子邮件的 – Liam

回答这，[Outlook不支持它。（http://stackoverflow.com/questions/11311471/where-image-map-is-not-supported） – Liam

您可能遇到过一些电子邮件，您可以通过点击链接获取图片。如果你知道，你能告诉我他们是如何完成的吗？ –

Outlook有此不支持。你应该保持尽可能简单的HTML电子邮件。

但是例如，您可以削减图像中的部分，所以你可以重组所有的人都在使用表HTML标签的原始图像中，然后就可以在单一的部分链接到不同的链接。这对电子邮件中的HTML图像地图来说是相当可接受的解决方法。

来源

2016-07-15 14:37:04 Mario

您好我就照你说的，但最终的图像出现失真。我使用Photoshop的切片工具在图像上的特定位置添加链接。上载图像托管网站上的切片部分，并使用标签中的超链接。但最终结果在链接地区有空白。这能解决吗？帮助将不胜感激。谢谢 –

你可以发布你的html的JSFiddle吗？所以我可以看到什么是错的。（jsfiddle.net） – Mario

图片中有一些我不被允许分享的机密信息。然而，这是链接到错误的屏幕截图http://s1381.photobucket.com/user/shrijanaryal123/media/paystub1_zpsa6gnzxua.png.html。 –

HTML <map>标签不与Outlook电子邮件客户端

回答

相关问题