边框图像未显示在HTML电子邮件中

Question

所以我有一个带边框的div。但是，边框图像未显示。它将其显示为普通的实心边框。这很奇怪，URL有效且有效，它来自谷歌驱动器，一切看起来都不错。 HTML本身可以工作，但是当我在电子邮件中使用它时，它并没有。

＆＃13;

＆＃13;

<div style="-webkit-border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46px round;-o-border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46px round;border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46 round;border-width: 46px;border-style: solid;">Hello world!!!</div>

＆＃13;

＆＃13;

＆＃13;

真的很奇怪;我从来没有见过这样的事情。我发送到Gmail BTW并且不确定它是否适用于Outlook或其他内容。

PS：我知道边界看起来有点奇怪;这是因为它的高度很小。我知道这一点，所以不要抱怨它。

Answer 1

实际上没有办法，Gmail不支持border-image属性。

点击此处查看代码兼容性： https://www.campaignmonitor.com/css/

Answer 2

由于大多数电子邮件供应商都不支持border-image，因此您只需使用border-image（因为Gmail支持该属性）属性background-image并div进行模拟1}}或您想要使用的任何其他元素。如果在div上使用它，则必须稍微修改padding属性。但这就是我做的方式，看起来就像border-image。

以下是我的看法：