【问题标题】:HTML Email image dissapears in yahoo mailHTML 电子邮件图像在 yahoo 邮件中消失
【发布时间】:2013-08-15 12:20:32
【问题描述】:

我创建了一个包含两个相同徽标的时事通讯,因为徽标在时事通讯中的位置因桌面设备和移动设备而异。

我遇到的唯一问题是,无论我做什么,雅虎邮件都不会显示它们。

newsletter can be seen here 和相关标记是:

<a href="http://ezzence.dk">
    <img src="img/logo.jpg" alt="logo" width="150"/>
</a>

解决方案:

问题是雅虎邮件使用我的媒体查询,因为雅虎不知道语法。我使用了这个解决方法 http://www.emailonacid.com/blog/details/C13/stop_yahoo_mail_from_rendering_your_media_queries

【问题讨论】:

  • 我认为您将 src 更改为电子邮件中的绝对路径?否则这可能是你的问题。
  • 您应该在问题中包含代码,使其完整且独立,并且不依赖其他站点获取重要信息。

标签: html css image html-email


【解决方案1】:

在某个服务器上上传图像,然后将其链接到您的代码,这将不起作用

<img src="img/logo.jpg" alt="logo" width="150"/>

试试这个

<img src="http://someurl.com/img/logo.jpg" alt="logo" width="150"/>

【讨论】:

  • 但它唯一的雅虎给我带来了麻烦,这不是很有趣吗?不过我会试试看的:)
  • 不幸的是,这并没有解决我的问题。我认为这可能与显示 css 属性有关。不太清楚为什么徽标消失了
  • 我的问题是雅虎邮件正在解释/使用我的媒体查询,因为雅虎邮件根本不理解语法。我使用了这个解决方法emailonacid.com/blog/details/C13/…Upvote,以便正确练习图像链接。
  • 哦,没有注意到您正在使用媒体查询。感谢您提供的链接。它将来会帮助我。
【解决方案2】:

使用absolute URLs,否则您的电子邮件客户端将不知道要重定向到哪个域。

【讨论】:

    【解决方案3】:

    问题是雅虎邮件使用我的媒体查询,导致雅虎不知道媒体查询的语法。我使用此解决方法来修复它。它有点脏,但唯一能奏效的东西。

    http://www.emailonacid.com/blog/details/C13/stop_yahoo_mail_from_rendering_your_media_queries

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-01-08
      • 2015-08-01
      • 2011-10-06
      • 2020-08-20
      • 2015-03-14
      • 1970-01-01
      相关资源
      最近更新 更多