Outlook Mail仅在单击

时间:2017-11-04 07:10:33

标签: html css outlook html-email vml

我一直在努力解决这个问题,我无法得到任何答案。

我想在电子邮件模板中使用背景图片,该模板适用于所有电子邮件客户端,例如gmail,yahoo等,使用HTML表格中的背景属性。但这在Outlook桌面电子邮件上失败。 所以为此我使用了VML并且能够做到这一点。

但问题是,只有在点击背景区域后才会加载背景图片。

<table width='600' height='800' align='center' style='min-hwight:800px;' cellpadding='0' cellspacing='0'>
<tr>
    <td background='[background-image]' bgcolor='#baeef7' width='600' height='800' valign='top' align='center'>
        <!--[if gte mso 9]>
        <v:rect xmlns:v='urn:schemas-microsoft-com:vml' fill='true' stroke='false' style='width:600px;height:800px;'>
        <v:fill type='tile' src='[background-image]' color='#baeef7' />
        <v:textbox inset='0,0,0,0'>
        <![endif]-->
        <div>
            <table align='center' width='600' height='800' style='width:600px;height:800px' cellpadding='0' cellspacing='0'>
                <tr height='80'>
                    <td width='175' style='width:175px;text-align:right;' align='right'>
                        Header Image
                    </td>
                    <td width='250' style='width:250px;'></td>
                    <td width='175' style='width:175px'></td>
                </tr>
                <tr>
                    <td width='175' valign='bottom' style='width:175px'><img src='https://www.subsource.com/ContentPages/images/template-1-175.png' alt='' /></td>
                    <td width='250' height='160' valign='middle' style='padding:0 7px;width:250px'>
                        <span style='font-size:36px;text-align:left;color:#fff;text-transform:uppercase;display:block; font-family: Myriad Pro, Gill Sans, Calibri, sans-serif;font-weight:bold;letter-spacing: 1px;'>
                            Some Text HERE 
                        </span>
                        </td>
                    <td width='175' style='width:175px' valign='bottom'></td>
                </tr>
                <tr height='250'>
                    <td width='175' style='width:175px'>&nbsp;</td>
                    <td style='width:250px;height:250px;text-align:center;width:175px' height='250' width='250' cellpadding='0' cellspacing='0'>
                       <div style='background-color: #FFFFFF;margin:0;padding:0;width:250px;height:250px;'>
                           Image Here
                        </div>  
                    </td>
                    <td width='175' style='width:175px'>&nbsp;</td>
                </tr>
                <tr>
                    <td width='175' valign='top' style='width:175px'>&nbsp;</td>
                    <td width='250' valign='top' style='width:250px;color: #119346; text-align: left; font-family: Myriad Pro, Gill Sans, Calibri, sans-serif;padding:0 7px'>

                        <div style='font-size: 30px;line-height:1; font-family: Myriad Pro, Gill Sans, Calibri, sans-serif;text-transform:capitalize;font-weight:bold;'>Hello Abc</div>
                        <div style='font-size: 17px;line-height:1;margin-top: 4px;font-family: Myriad Pro, Gill Sans, Calibri, sans-serif;text-transform:capitalize;font-weight:bold;'> Address: 123 456 798 789  </div>
                        <div style='font-size: 15px;line-height:18px; font-family: Myriad Pro, Gill Sans, Calibri, sans-serif;margin-top:5px;'> Some text goes here. Some text goes here. Some text goes here. Some text goes here.
                        </div>
                    </td>
                    <td width='175' valign='top' style='width:175px'>&nbsp;</td>
                </tr>
                <tr>
                    <td width='175' height='65' style='width:175px'></td>
                    <td width='250' height='65' style='width:250px'></td>
                    <td width='175' height='65' style='width:175px'></td>
                </tr>
                <tr height='30'>
                    <td colspan='3'>&nbsp;</td>
                </tr>
            </table>  
        </div>
    <!--[if gte mso 9]>
    </v:textbox>
    </v:rect>
    <![endif]-->
    </td>
</tr></table>

请建议我一些解决方案。这是我需要履行的要求。

由于

1 个答案:

答案 0 :(得分:0)

尝试从代码中删除所有 cht.ChartAreas("MainChartArea").AxisX.MinorTickMark.Enabled = True cht.ChartAreas("MainChartArea").AxisX.Interval = 1 cht.ChartAreas("MainChartArea").AxisX.IsLabelAutoFit = True 'cht.ChartAreas("MainChartArea").AxisX.LabelStyle.IsStaggered = True cht.ChartAreas("MainChartArea").AxisX.LabelAutoFitStyle = LabelAutoFitStyles.DecreaseFont valign。 请勿使用align,而是使用bgcolor

一旦遇到同样的问题,这就解决了我的问题。值得一试。