Question

我正在处理一个恼人的问题。我已经设置了一个HTML电子邮件并进行测试，默认情况下会向我显示未加载图像的边框。我有一个ALT-Text设计和风格，所以它看起来真的很愚蠢。

我尝试了一切我能想到的。

将border: 0;，outline: 0 !important，border-style: none;放入样式标签
在图片标记（HTML标准）上添加border="0"
在图片本身的style属性中添加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">

Answer 1

您需要将边距和填充清零。尝试设置如下图像标记：

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

在旁注 - 您总是需要内联样式，因为某些电子邮件客户端（尤其是Gmail）会删除样式标记。

Answer 2

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

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

2 个答案: