html - 为什么这个png有一个白色边框

标签 html css png

这张 png-24 图像看起来它的颜色完全延伸到其 302∼∼∼354 维的边缘: png 但是,当我将其放入 td 并通过电子邮件发送时,我得到如下信息: png in email

html 表格:

    <td rowspan="3" style="vertical-align:top; border:1px solid #e6e6e6; background-color:#f0f1f2;">
        <img src="email_img.png" height="177px" alt="Sample image" />
    </td>

截图来自gmail。虽然没有看过其他电子邮件客户端。知道为什么会这样吗?谢谢!

最佳答案

这是因为每个电子邮件客户端都有自己的呈现引擎,即 Outlook 与其他桌面电子邮件客户端。要解决这个问题,您需要进行大量的跨客户端测试,并且只使用他们都“喜欢”的内联样式

如果您在 gmail 中看到这个,那么您可能有 gmails 样式表向下层叠并影响您的 DOM 元素。为了解决这个问题,您需要为表格定义一个样式(内联,因为它是电子邮件或引用您服务器上的样式表,尽管基于 Web 的客户端可能会剥离正文之外的所有内容)

关于html - 为什么这个png有一个白色边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13090652/

相关文章:

css - 只使用 CSS,我可以只使用 PNG 的 alpha channel 吗?

javascript - HTML5/CSS3 输入范围样式

html - 如何在jsp中为body标签使用外部CSS

HTML/CSS - 让子 iframe 使用父容器的宽度(Twitter 小部件)

html - 保留一个 ol 数和 overflow

Python将二进制图像(PNG)数据写入文件

html - 使用 Yii 1 我想给我的主菜单一个 css 样式但是不能用 Bootstrap 弄清楚

html - 垂直对齐图像旁边的文本

css - 分页后不能在 flexboxes 中工作

jquery - 替换 jQuery 中的图像扩展名,即时从 .png 到 .gif