电子邮件背景颜色问题

时间:2013-03-07 16:41:15

标签: html css lotus-notes html-email newsletter

我正在创建一个简报并使用十六进制代码设置背景颜色#25292C;当我发送新闻通讯时,消息显示正常。当我将简报转发给其他人时,简报背景会覆盖整个电子邮件。我希望阻止电子邮件获取简报背景颜色。我正在使用Lotus Notes作为我的电子邮件客户端。

有解决方法吗?

4 个答案:

答案 0 :(得分:3)

您使用的是 表格 吗?我已经完成了这个并且没有关于FWD电子邮件的问题(我的重点是outlook / gmail / yahoo / aol)

<body bgcolor="#25292C">
<div style="background-color:#25292C;"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#25292C">
  <tr>
    <td>
      your stuff
    </td>
  </tr>
</table>
</div>
</body>

...但是又一次......很多电子邮件提供商(不确定你关注的是什么...... Outlook iEX)无法在其邮件正文中撰写(或转发)复杂的HTML邮件。您可以通过从“消息”菜单/栏中选择“转发为附件”或“重定向”来解决此问题,这些将完整地发送消息(并在某些收件人的电子邮件程序中以内嵌方式显示)。

答案 1 :(得分:3)

以下是您的追求:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title></head>
<body style="margin: 0px; padding: 0px background-color: #FFFFFF;" bgcolor="#FFFFFF"><!-- << bg color for forwarding // main bg color >> --><table bgcolor="#323232" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="padding:30px;"><tr><td>

<!-- CENTER FLOAT -->
<table width="600" border="0" valign="top" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="padding:30px;"><tr><td>

main panel                   

</td></tr></table>
<!-- /CENTER FLOAT -->

</td></tr></table></body></html>

当您将电子邮件转发给第二个收件人时,背景为白色(或您设置的任何内容)

答案 2 :(得分:3)

这对我有用

 <body style="background-color:#333333;  min-height:1000px;"  bgcolor="#333333">
      <!--[if gte mso 9]>
      <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
        <v:fill type="tile" src="bg.jpg" color="#333333"/>
      </v:background>
      <![endif]-->
    ......
    </body>

答案 3 :(得分:1)

Outlook用户首选项可以直接从电子邮件中删除正文样式。通常最佳做法是将您的内容包装在标签中并将颜色应用于EACH,以便最大程度地兼容电子邮件客户端。

这很痛苦但它确实有效。还记得不要使用缩短的颜色,如:#F00。 Outlook使这些变黑。

简单的电子邮件格式:

<table>
<tr>
<td (width) (bgcolor) (style including font, font-size, color and if applicable, line height)> content </td>
</tr>
</table>