电子邮件GIF动画中的不同链接区域

时间:2014-02-11 19:37:20

标签: html email

我必须创建一个电子邮件模板,将在Outlook 2002及更高版本,Thunderbird 3.0及更高版本,gmail + yahoo + hotmail + aol on chrome + firefox + IE,现代机器设备以及iPhone 5及以上版本中读取。< / p>

电子邮件模板将有一个世界地图的动画GIF,其中所有大陆都是灰色的。两秒钟后,所有大陆都在同一时间淡入,每个大陆都会有不同的颜色。

用户应该能够点击每个大陆,这会将他们带到相应的维基百科文章。

我的问题是,满足所有这些要求的最佳方法是什么?我已经有了一些想法,但每个都有缺点。我正在考虑的一些想法是:

  • 将大陆拼接成矩形并分别加载每个动画gif。但问题是每个图像可能会在不同的时间完成加载,因此,大陆可能会在不同的时间淡入。

  • 将动画gif保持为整个图像。然后将几个放置在每个大陆的顶部,其中img是一个透明图像,强制适当的宽度和高度。问题是我可能会依赖职位:绝对,据说与某些电子邮件客户端不能很好地配合。

有人有建议吗?

1 个答案:

答案 0 :(得分:1)

除了评论中提到的图像地图外,您还可以尝试将GIF设置为背景图像,并在前面加上透明的PNG链接。

html电子邮件中有两种背景方法,假设您需要100%支持(特别是Outlook)。 Outlook仅接受正文标记中的background=""。以下是解决此问题的两种方法:VMLin the body tag。 VML是将背景放在特定元素上的唯一方法。