Question

我正在使用带有图片地图的大图片创建HTML电子邮件，其中指定了两个矩形区域：

<img src="newsletter_files/background.jpg" width="600" height="584" border="0" alt="39steps crimbo cards" usemap="#email">

<map name="email">
<area shape="rect" name="emailaddress" coords="212,305,350,290" href="mailto:email@domain.com" alt="Email email@domain.com" />
<area shape="rect" name="website" coords="585,485,465,550" href="http://www.domain.co.uk" target="_blank" alt="Domain link" />
</map>

麻烦的是，只有第二个有效。第一个被忽略了。我用谷歌搜索了解决方案，但没有找到任何东西。

我可以剪切图像，但这会产生测试等问题 - 电子邮件非常简单，因此对于我的目的，图像映射是最好的方法。

有人有类似的问题吗？

Answer 1

我不知道电子邮件中的图像地图（主要是因为我从未使用过它们）

我的建议是在photoshop中打开图像并使用切片工具。保存时，您可以保存图像和html。输出的html非常适合发送电子邮件。

关于HTML电子邮件的其他一些事情：

总是使用表格
绝不使用p代码
始终将display:block放在您的图片上（这样可以防止某些电子邮件客户端上的图片之间出现不必要的间隙）

Answer 2

这与您的图像映射无关。第一个链接被忽略，因为它是mailto：call。如果href包含mailto：

，则会从链接中删除href

Answer 3

我刚刚从Constant Contact那里读到了一些有趣的东西。这就是它所说的：

在自定义HTML电子邮件中，如果存在图像映射标记，并且超链接指向mailto：链接，则如果标记已关闭，则如下例所示...

    <area shape="rect" coords="88,23,166,38" href="mailto:info@constantcontact.com"/>

...超链接将处于非活动状态。只需删除关闭正斜杠，即可再次激活链接。

•在URL的正常超链接中留下结束正斜杠将在自定义HTML电子邮件中使用。

•在自定义XHTML电子邮件中的mailto：链接之后留下结束正斜杠将起作用。但是 -

•在自定义HTML电子邮件中的mailto：链接后留下结束正斜杠不起作用。

Gmail图片地图 - 只有最后一个区域有效

3 个答案: