是否可以在电子邮件中设置暗模式图像?
Is it possible set dark mode image in email?
我不仅要更改文本颜色,还要更改电子邮件中的各种图像和图标。是 possible/shall 我像文档说的那样使用媒体查询吗?我应该在不同的昼夜条件下对图像使用 display: none
、display: block
吗?不同的电子邮件客户端不会干扰吗?
https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/
看起来是可行的方法(同时使用 @media
和 [data-ogsc]
前缀)。
"Will the different email clients not interfere with it?"
文档说:
"As noted above, how email clients in Dark Mode handle your regular HTML emails will vary."
因此您无法确定您的样式是否会被覆盖 - 这取决于各种邮件客户端的解释。
如文档所述,@media (prefers-color-scheme: dark)
允许您创建最强大的自定义深色模式主题,您可以在其中实现任何内容,包括深色模式特定的图像交换、悬停效果、背景图像,而 [data-ogsc]
每个 CSS 规则的前缀,专门针对 Outlook 应用程序。
"Shall I used display: none, display: block for images, in different night-day conditions?"
可能是一个选项,即通过 JS 在 openening/reading 邮件上获取客户端系统时间..
注意事项:
Lotus Notes、Mozilla Thunderbird、Outlook Express 和 Windows Live Mail 等旧客户端似乎都支持某种 JavaScript 执行。没有别的。
这似乎是一个安全方面的坏主意,所以我希望这个功能不会一直存在,即使在这些客户端中也是如此。
如 this question
的已接受答案中所述
所以,你不能依赖 JS 在各种客户端中 enabled/allowed(即使在消息模板脚本中)..
我不仅要更改文本颜色,还要更改电子邮件中的各种图像和图标。是 possible/shall 我像文档说的那样使用媒体查询吗?我应该在不同的昼夜条件下对图像使用 display: none
、display: block
吗?不同的电子邮件客户端不会干扰吗?
https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/
看起来是可行的方法(同时使用 @media
和 [data-ogsc]
前缀)。
"Will the different email clients not interfere with it?"
文档说:
"As noted above, how email clients in Dark Mode handle your regular HTML emails will vary."
因此您无法确定您的样式是否会被覆盖 - 这取决于各种邮件客户端的解释。
如文档所述,@media (prefers-color-scheme: dark)
允许您创建最强大的自定义深色模式主题,您可以在其中实现任何内容,包括深色模式特定的图像交换、悬停效果、背景图像,而 [data-ogsc]
每个 CSS 规则的前缀,专门针对 Outlook 应用程序。
"Shall I used display: none, display: block for images, in different night-day conditions?"
可能是一个选项,即通过 JS 在 openening/reading 邮件上获取客户端系统时间..
注意事项:
Lotus Notes、Mozilla Thunderbird、Outlook Express 和 Windows Live Mail 等旧客户端似乎都支持某种 JavaScript 执行。没有别的。
这似乎是一个安全方面的坏主意,所以我希望这个功能不会一直存在,即使在这些客户端中也是如此。
如 this question
的已接受答案中所述所以,你不能依赖 JS 在各种客户端中 enabled/allowed(即使在消息模板脚本中)..