添加到邮件Html文件中的Css内容（图像）不显示图像
在邮件的Css中，我有一些用于邮件的div类。但当我在outlook或gmail中打开邮件时，我无法查看图像。但当我在浏览器中打开邮件时，它会很好地显示图像 附上电子邮件的内容添加到邮件Html文件中的Css内容（图像）不显示图像,html,css,email,Html,Css,Email,在邮件的Css中，我有一些用于邮件的div类。但当我在outlook或gmail中打开邮件时，我无法查看图像。但当我在浏览器中打开邮件时，它会很好地显示图像 附上电子邮件的内容 <!--CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt--><!--CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
<!--CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dt--><!--CTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.logo_print {
background-image:url("http://www.websitename.com//en-ca/images/logo_print.jpg");
width:105px;height:79px; } .icon_shipped {
background:url("http://www.websitename.com//en-ca/images/icon_shipped.jpg");widt
h:14px;height:14px; } .icon_not_shipped {
background:url("http://www.websitename.com//en-ca/images/icon_not_shipped.jpg");
width:16px;height:15px; } .the_email_top
{width:560px;height:93px;background-image:url("http://www.websitename.com//en-ca
/images/top.jpg")}
</style>
<title></title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr valign="top">
<td colspan="3">
<div class="the_email_top">
</td>
</tr>
<tr valign="top">
<td width="10"> </td>
<td width="540">
<div style="width: 10px; height: 12px; overflow: hidden;"></div>
<h1 style="margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #212121; font-weight: bold;">Password Reset</h1>
<div style="width: 10px; height: 16px; overflow: hidden;"></div>
<p><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;">Dear Customer,</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;">To reset your password, either click the link below or copy and paste it into your browser.</span><br>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;"> </span><br>
<a href="http://www.websitename.com/en-ca/useraccount/resetPassword?NirvanaToken=01d4lKN1%2BTS5g94oEHejeR3IBovtHrwHnU6sfmjSCu5LMpnSjN5c6xX5s8rrOQ0p%0D%0A">Use this link.</a><br>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;"> </span><br>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;">Please do not reply to this email.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;">Sincerely,</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;">Your Web Site Hosting support team</span></p>
<div style="width: 10px; height: 60px; overflow: hidden;"></div>
</td>
<td width="10"> </td>
</tr>
<tr valign="top">
<td colspan="3" bgcolor="#F2F2F2">
<div style="width: 10px; height: 10px; overflow: hidden;"></div><span style="margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999;">© 2011 Deluxe Enterprise Operations. All Rights Reserved.</span>
<div style="width: 10px; height: 55px; overflow: hidden;"></div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
.logo_print{
背景图像：url（“http://www.websitename.com//en-ca/images/logo_print.jpg");
宽度：105px；高度：79px；}。图标{
背景：url（“http://www.websitename.com//en-ca/images/icon_shipped.jpg威特
h:14px；高度：14px；}。图标未发货{
背景：url（“http://www.websitename.com//en-ca/images/icon_not_shipped.jpg");
宽度：16px；高度：15px；}。电子邮件顶部
{宽度：560px；高度：93px；背景图像：url（“http://www.websitename.com//en-ca
/images/top.jpg“}
密码重置
亲爱的客户：
要重置密码，请单击下面的链接或复制并粘贴到浏览器中。
请不要回复此电子邮件
真诚地
您的网站托管支持团队
&抄袭；2011豪华企业运营。版权所有。
希望这有帮助（很抱歉没有回答，但这正是电子邮件客户端的特点） 默认情况下，大多数电子邮件程序都会阻止图像-当您在实际客户端中测试电子邮件时，您可能会看到“单击此处以启用来自XXX域的图像”消息（我猜，他们这样做是为了防止跟踪-不确定为什么它如此常见）。然而，浏览器并没有这样的疑虑，所以你的图像会显示得很好 如果您希望您的图像显示在电子邮件客户端中，您只需要希望您的用户允许它们。也许他们会，但不要指望——你应该建立你的电子邮件，使它看起来很好，即使没有图像
希望这有帮助（很抱歉没有回答，但这正是电子邮件客户端的特点） 除了Xavier消息，您还需要使用绝对URL（完整路径）。即： 如果您只使用
/[image].[ext][image].[ext]b/c您用来查看电子邮件的程序不支持css背景图像。除了Xavier邮件，您还需要使用绝对URL（完整路径）。即： 如果您只使用
/[image].[ext][image].[ext]这是b/c，您用来查看电子邮件的程序不支持css背景图像。如果我弄错了，请原谅，但我一直认为电子邮件客户端倾向于删除正文标签之外的所有内容 你没有body标签，而且，即使你有，你的CSS也会出现在你的head标签中。这在body标签之外 我会添加一个body标签。然后我会把CSS放在body标签中
抱歉，如果我有错误的想法，也许最近事情发生了变化如果我有错误，请原谅我，但我一直认为电子邮件客户端倾向于删除正文标签之外的所有内容 你没有body标签，而且，即使你有，你的CSS也会出现在你的head标签中。这在body标签之外 我会添加一个body标签。然后我会把CSS放在body标签中
对不起，如果我有错误的想法，也许最近事情发生了变化@Aravind这很奇怪。这里还有几件事需要考虑：CSS应该是内联的，而不是从服务器链接的。如果您使用的是
背景图像：背景图像：http://www.example.com/[image].[ext]