没有边距顶部的电子邮件样式问题答案

【问题标题】：Email style issue without margin-top没有边距顶部的电子邮件样式问题
【发布时间】：2016-12-26 04:48:54
【问题描述】：

有人想在电子邮件中设置此图像的样式吗？

所以棘手的部分是在中心白色作业部分周围添加不同的背景颜色。最简单的方法是使用 margin-top: -120px;反对这个工作部分。其他方法，例如使用 position: absolute/float 可能适用于常规浏览器。但是，这些都不适用于电子邮件/gmail。

有人可以帮忙吗？谢谢！

---------已编辑--------

也许我可以将双色背景用作整个背景图像。问题是这张图片需要足够长才能支持左下角的内容。只是想知道是否有更好的选择。

------- 按照 Geeky 的要求编辑/添加 html 和 css ----

所以中间的白色作业部分从 html 中的以下开始

<table align="center" cellpadding="0" cellspacing="0" border="0" class="bix-mail-middle">

【问题讨论】：

【解决方案1】：

我设法通过创建包含两种颜色的背景图像来实现此功能。然后在x方向重复背景图像。这可以覆盖中间的白人工作部分。

对于其余的底部内容，只需使用常规背景颜色，然后一切正常。

所以这里的诀窍是使用预定义的背景图片来实现定位效果。

【讨论】：