在HTML电子邮件中显示图像大纲

我正在处理一个烦人的问题。我已经设置了一封HTML电子邮件并测试它默认情况下显示未加载图片的边框。我有一个ALT文本被设计和设计，所以它真的看起来很愚蠢。在HTML电子邮件中显示图像大纲

我尝试了所有我能想到的。

将一个border: 0;，outline: 0 !important，border-style: none;在在风格标签头部分的样式表一个IMG标签
放在图像标签的border="0"（HTML标准）
认沽一个border: 0;，outline: 0 !important，border-style: none;在图像本身

所以，我真的做的一切都是在样式属性我没有在这里和在互联网的其他发现删除那个愚蠢的边界。谁知道不同的解决方案？还是有我失踪的东西？

这里是代码的部分：

img{border:0; height:auto; line-height:100%; outline:0 !important; text-decoration:none; border-style: none;} 

<img src="#" alt="NameOfCompany" style="max-width:600px; outline:0 !important; border:0; border-style:0;" border="0" id="headerImage2">

来源

2014-03-19 Julia Mäntz

在哪个电子邮件客户端发生这种情况？你可以提供一个截图吗？ – secelite

尝试'大纲：无'而不是'大纲：0'。 –

你有没有试过box-shadow：none！important;？ –

你需要零出margin和padding。尝试建立你的形象标签是这样的：

<img alt="" src="" width="" height="" style="margin: 0; border: 0; padding: 0; display: block;">

在一个侧面说明 - 你总是需要你的内联样式，一些电子邮件客户端（尤其是Gmail）剥离的风格标签。

来源

2014-03-19 16:49:40 John

OP明确地尝试了这一点，并提供了演示代码。他们做错了吗？如果是这样，怎么样？ – Barney

@Barney他们没有。他们的CSS中没有边距或填充，更不用说内联CSS了。这是在html电子邮件中使用图像标签的正确方法。 – John

啊哈，对不起：它的内容类似于你制作的内容是关于内联样式的，而事实上你正在讨论哪些内联样式。这可能是一个保证金或填充问题 - 您应该更明确地表明这是您提议的修正案。 – Barney

检查此属性列表，并将其与为具有问题的特定客户定义的规则进行比较。 http://www.campaignmonitor.com/css/

来源

2014-03-19 16:58:43 n1kkou

谢谢你的链接。将研究这一点。 –

在HTML电子邮件中显示图像大纲

回答

相关问题