logo标签列表

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

htmlcssemailgmailyahoo-mail
12
我正在创建一个HTML邮件模板，我使用了一条缎带，所以我需要将它移动一点超过边框。你可以在这里看到代码：http://jsfiddle.net/GEqk7/ 首先，我使用了position: relative;，并给了缎带一个负位置，但问题是position在Gmail、Yahoo等邮件客户端中支持不好。因此，我决定使用负外边距，但似乎Gmail和Yahoo也不支持它。
有没有一种方法或后备方案来实现这个效果？
1
你应该对元素进行分类，并使用CSS来组织格式。那个小玩意儿真吓人。（非常适合万圣节） - usernolongerregistered
@Agony 抱歉 :D 邮件代理只支持内联 CSS，所以我不得不让它看起来像这样，顺便祝大家万圣节快乐 :D - neo
5个回答
13

大多数电子邮件客户端不支持负边距。您需要将那个缎带图像作为背景。

8
截至2015年1月，Gmail的Web客户端忽略负边距。
4

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

3

据称，截至2022年1月，Gmail的Web客户端仍然忽略负边距。

0

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接