Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 背景色不适用于Gmail,缺少;“在浏览器中打开”;链接使故障排除变得困难_Html_Css_Email_Html Email_Litmus - Fatal编程技术网

Html 背景色不适用于Gmail,缺少;“在浏览器中打开”;链接使故障排除变得困难

Html 背景色不适用于Gmail,缺少;“在浏览器中打开”;链接使故障排除变得困难,html,css,email,html-email,litmus,Html,Css,Email,Html Email,Litmus,我正在测试一封来自一个还不支持“在浏览器中打开”链接的营销工具的电子邮件。我们注意到,电子邮件的背景色不适用于Gmail的Web客户端(我们使用的是白色背景)。但一旦我们不知道Gmail是如何解释代码的,故障排除就会变得困难 这是我们电子邮件的标签,也是唯一提到背景颜色的地方: <body width="100%" style="margin: 0; mso-line-height-rule: exactly; background-color: #FFEAE7;"> 我们可以

我正在测试一封来自一个还不支持“在浏览器中打开”链接的营销工具的电子邮件。我们注意到,电子邮件的背景色不适用于Gmail的Web客户端(我们使用的是白色背景)。但一旦我们不知道Gmail是如何解释代码的,故障排除就会变得困难

这是我们电子邮件的
标签,也是唯一提到背景颜色的地方:

<body width="100%" style="margin: 0; mso-line-height-rule: exactly; background-color: #FFEAE7;">

我们可以访问一个Litmus帐户,在那里我们测试了电子邮件。当我们打开Gmail Web客户端视图并单击编辑代码按钮时,会显示代码的原始渲染,因此会返回粉红色背景,因此我们同样无法理解为什么忽略bg颜色


有没有办法更深入地了解为什么不在Gmail上应用此背景色?

Gmail将覆盖
标签上的颜色,并使用默认白色或用户首选项中设置的颜色。例如,如果用户选择了暗模式,它将覆盖任何
设置,并将颜色更改为#333

如果你像许多人一样将邮件正文居中,请使用
标签为Gmail应用正文颜色:

<body bgcolor="#FFEAE7;">
<center style="width: 100%; background-color: #FFEAE7;">
*content*
</center>
</body>

*内容*
需要注意的是,如果用户设置了深色模式来查看电子邮件,则该值将被覆盖并转换为深色。直到今天我写这篇文章的时候,这种行为已经无法避免了


祝你好运

把这个放在头部

<style>
body {
background-color: #ffeae7;
}
</style>

“最可靠的背景色编码方法是使用HTML bgcolor属性和6位十六进制代码:“~试一试,如果这不起作用,我会假设其他地方(比如身体顶部的白色物体,或者身体标签不呈现样式,应该是一张表)缺少石蕊,在浏览器中加载电子邮件,我不知道你会怎么做。事情是当我们从另一个工具发送电子邮件时,背景颜色在Gmail和其他工具中应用并可见,唯一提到的颜色(
#FFEAE7
)是在body标签中。换句话说,
的属性在新旧位置之间是相同的。这让我们感到困惑。我使用了以下调整,它似乎可以工作:您的代码可能也可以工作。不幸的是,我们没有时间进行测试。但如果你同意,请在回答中随意提及。非常感谢。
bgcolor="#ffeae7" style="background-color:#ffeae7;"