在 Outlook html 消息中使用相对位置答案

【问题标题】：Using relative position in Outlook html message在 Outlook html 消息中使用相对位置
【发布时间】：2019-09-20 22:55:46
【问题描述】：

我在使用 Outlook 查看邮件时遇到问题。我的网站生成带有一些 html 正文的电子邮件，使用一些 div 的相对位置使文本出现在一些图片上。除 Outlook 外，所有其他电子邮件应用程序都显示正确。有人有解决这个问题的方法吗？

【问题讨论】：

【解决方案1】：

Outlook 2007 和 10 不支持 position 属性，因此唯一的解决方案是制作另一种样式或提出基于表格的解决方案来支持 Outlook。

【讨论】：

【解决方案2】：

Outlook 确实不喜欢位置 CSS 属性。但它确实支持margin-left 和margin-right。所以在你的元素上设置 margin 属性来移动它们。

【讨论】：

Outlook.com（以前称为 Hotmail）不支持边距属性。要在跨多个电子邮件客户端的背景图像上添加文本，您必须结合使用内联 CSS，使用包含的“背景”属性，您还可以在其中设置图像高度，以及使用 VML 代码.在这里找到更多信息。 link。可以成功完成，但工作量很大，需要很多 QA。