css - 邮件模板中的负边距问题

Question

我正在创建一个 html 邮件模板，我使用了一个功能区，所以我需要将它移动到超出边框一点点。你可以在这里看到代码：http://jsfiddle.net/GEqk7/

为了做到这一点，我首先使用了

position: relative;

并给了丝带一个负的位置，但问题是

position

没有得到 gmail 和 yahoo 的良好支持......。所以我决定使用负边距，但看起来 gmail 和 yahoo 也不支持。

有没有办法或后备措施来做到这一点？

Answer 1

大多数电子邮件客户端不支持负保证金。您必须将该丝带图像作为背景。

Answer 2

截至 2015 年 1 月，gmail 的网络客户端忽略负边距。

Answer 3

显然，截至 2023 年 1 月，Gmail 的网络客户端仍然忽略负边距

Answer 4

显然，截至 2022 年 1 月，Gmail 的网络客户端仍然忽略负边距

Answer 5

显然，截至2023年7月26日，Gmail的网络客户端仍然忽略负边距

Answer 6

显然，截至 2024 年 1 月 8 日，Gmail 的网络客户端仍然忽略负边距