【问题标题】:Background image doesn't appear on HTML email Dark Mode背景图像不会出现在 HTML 电子邮件深色模式中
【发布时间】:2022-02-24 15:42:45
【问题描述】:

我正在设计 HTML 电子邮件模板,它在大多数设备、iOS 和浏览器上看起来都很好,除了 Windows 10 上的 Outlook Office 365 暗模式。

问题是我的背景图片没有出现,而是背景颜色变暗了。我的背景上有一个徽标,因为它也是 dar - 我看不到它。

这是它在 Windows 10 上的 Outlook Office 365 暗模式上的外观:

我想显示我的背景图片,但如果不可能 - 要么将背景颜色更改为浅色(我猜这违反了深色模式规则),要么显示白色版本的徽标(不同的图片) .但这些更改只能在 Windows 10 上的 Outlook Office 365 暗模式

上进行

我该如何解决这个问题?

【问题讨论】:

  • 这将有助于获取所发生情况和预期情况的屏幕截图

标签: html html-email darkmode


【解决方案1】:

尝试 .svg 以外的其他内容。例如.png。

【讨论】:

  • 正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center
  • 感谢您的回复,对不起,英语不是我的母语,所以可能我写得不清楚。我使用 .png 文件作为图像,但我也尝试过 .svg 作为选项。我还编辑了我的原始帖子并添加了打印屏幕示例。希望我尝试处理的问题会更清楚。谢谢!
【解决方案2】:

Outlook Windows 没有我们需要的控件。您可以做的最好的事情是通过向图像添加白色笔触或白色阴影来编辑图像。这不会在灯光模式下显示(假设您的正常背景是白色 - 如果不是,请使用您的正常背景颜色)。

例如此白色阴影不会在灯光模式下显示:

有关这一切的更多信息,请参阅https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/#design

【讨论】:

    猜你喜欢
    • 2022-11-29
    • 1970-01-01
    • 2011-05-16
    • 2016-05-15
    • 2014-03-28
    • 2013-04-03
    • 2012-03-18
    • 2021-08-01
    • 2011-06-09
    相关资源
    最近更新 更多