通过电子邮件发送html时box-shadow不起作用

时间:2018-07-11 18:37:51

标签: html css html-email

我正在使用html发送电子邮件。由于大多数提供程序都阻止了图像,因此我使用盒子阴影绘制所需的图像。 但是,在浏览器中显示正常,但在电子邮件中什么也没有显示。 难道我做错了什么?还有其他选择吗?

</head>
<body style="height: 100%;width: 100%;">
<div class="pixels" style="border-radius: 0;display: inline-block;width: 1px;height: 1px;box-shadow: 0px 0px rgba(228,232,233,1),0px 1px.......;"><p> teste</p>
</div></body>
</html>

2 个答案:

答案 0 :(得分:1)

许多提供商不支持盒形阴影:https://www.campaignmonitor.com/css/box-model/box-shadow/

答案 1 :(得分:0)

它比将图像转换为base64更好。由于某些原因,一些base64图像显示为二进制代码,并且仅在单击“查看完整消息”(以gmail为单位)时出现。 使用嵌入式图像可以解决此问题。 非常感谢您的帮助。我不再知道该怎么办,我不认为这种可能性。 正如开头所述,我曾尝试使用CSS(codepen.io/emad_elsaid/full/bCaLE)进行添加,但据告知,您不能在电子邮件中使用框阴影。 感激。