3

我的背景图片没有出现在电子邮件中时遇到了问题。谁能告诉我为什么会发生这种情况。

   <table border="0" cellpadding="0" cellspacing="0" height="489" width="638" align="left" background="http://www.bla.com/images/email-bg.jpg">

这是带有嵌套表格的完整设置，用于将文本覆盖在表格背景图像的顶部。

  <table border="0" cellpadding="0" cellspacing="0" height="489" width="638" align="left" background="images/email-bg.jpg">
     <tr>
            <td valign="top" align="left">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td align="left" valign="top" width="100%" style="font-family: Arial, sans-serif; font-size:12px; color:#585858; padding:35px 230px 0 40px">
                            <p style="font-size:28px; color:#474747">Welcome to <b>bla bla</p>
                            <p style="font-weight:bold; margin-bottom: 4px;">Just click the link below to finish your registration:</p>
                            <a href="#">Continue</a>
                        </td>
                    </tr>
                    <tr>
                        <td align="left" valign="top" width="100%" style="font-family: Arial, sans-serif; font-size:10px; color:#FFF; padding:80px 120px 0 40px">
                            <p style="margin-bottom:0">** Please do not reply to this automated message. The Email box that sent the message is not monitored.**</p>
                        </td>
                    </tr>

                </table>
            </td>
        </tr>
    </table>

更新代码

我更改了我的代码以使用它而不是使用样式属性

<table border="0" cellpadding="0" cellspacing="0" height="489" width="638" align="left" style="background-image:url(http://www.bla.com/images/email-bg.jpg)">

这适用于苹果邮件客户端，但不适用于 Outlook。有人知道前景的任何答案吗？

4

4 回答 4

4

大多数电子邮件客户端不显示背景图像。使用纯色。或者一些解决方法。

于 2012-07-24T17:06:22.120 回答
3

表格和表格单元格上的背景图像无法在 Outlook 2007 和 Outlook 2010 中呈现。

使用 vml hack

<td align="center" bgcolor="#ffffff" style="border-bottom:1px solid #000; border-top:1px solid #000;" valign="middle" background="image_name.jpg">
<!-- EMAIL CONTENT STARTS HERE -->
                <!--[if gte mso 9]>
            <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" 

    style='behavior: url(#default#VML); display:inline-block; position:absolute; height:250px; width:600px; top:0; left:0; border:0; z-index:1;' src="image_name.jpg"/>
                <v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display:inline-block; position:absolute; height:250px; width:600px; top:-5; left:-10; border:0; z-index:2;'>
             <![endif]-->
    <table>
    <tr><td>CONTENT HERE</td></tr>

    </table>

<!-- EMAIL CONTENT ENDS HERE -->
                <!--[if gte mso 9]>
            </v:shape>
            <![endif]-->

确保高度和宽度正确并且应该可以

于 2013-04-24T18:48:23.183 回答
0

试试这个：在代码中填写相关信息并将其放置在您希望图像作为背景的位置。

于 2013-02-21T20:10:54.000 回答
-1

除非您设置了基本 href，否则您的图像路径应该包含整个路径 ( http://domain/path)，因为电子邮件客户端不知道您所指的域。

于 2012-07-24T17:06:05.980 回答