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

css - problems with negative margin in mail template(css - 邮件模板中的负边距问题)

问题描述

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

I'm creating a html mail template, I used a ribbon so I need to a move it a little bit past border. you can see the code here: http://jsfiddle.net/GEqk7/

为此，我首先使用了 position: relative; 并且我给了功能区一个否定的位置，但问题是 position 并没有得到 gmail 和 yahoo 的良好支持，并且... .所以我决定使用负边距，但看起来 gmail 和 yahoo 也不支持.

To do this first i used position: relative; and I gave the ribbons a negative position but the thing is that position is not well supported by gmail and yahoo and ... . So I decided to use negative margin but it looks like gmail and yahoo don't support that either.

有没有办法或后备来做到这一点?

is there a way or a fallback to to do this?

推荐答案

大部分Email客户端不支持负边距.您必须将该功能区图像作为背景.

Most of the Email clients dont support negative margin. You will have to take that ribbon image as a background.

这篇关于css - 邮件模板中的负边距问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！