使用VML时如何解决OFT中的链接问题?

时间:2018-11-21 10:46:08

标签: html-email outlook-2007 oft

这是电子邮件html:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head><title>test</title><link rel="SHORTCUT ICON" href="/e/ref.ico" />
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--[if gte mso 9]><xml>
  <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
</xml><![endif]-->
<style>
    .ReadMsgBody {
        width: 100%;
        background-color: #f8f8f8;
    }
    .ExternalClass {
        width: 100%;
        background-color: #f8f8f8;
    }
    body {

        background-color: #f8f8f8;
        margin: 0;
        padding: 0;
        -webkit-font-smoothing: antialiased;
        font-family: Arial, Times, serif
    }
    table {
        border-collapse: collapse !important;
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
    }

    @-ms-viewport{ width: device-width; }

    @media only screen and (max-width: 480px) {
        body[yahoo] .deviceWidthPadding {
            width: 320px !important;
            padding: 0 !important;
        }
        body[yahoo] .deviceWidth {
            width: 300px !important;
            padding: 0 !important;
        }
    }

</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td style="background-color:#f8f8f8;"><table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
          <tbody>
            <tr>
              <td style="padding-top:20px; background-color:#f8f8f8;"><!-- Masthead -->

                <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tbody>
                    <tr>
                      <td style="padding-bottom:10px;" width="300"><table>
                        <tr>
                        <td valign="top" width="600" height="180" background="http://example.com/banner.jpg" align="center" style="background-image: url('http://example.com/banner.jpg');background-color:#000000;"><!--[if gte mso 9]>
                        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px" href="http://www.netapp.com">
                        <v:fill type="frame" src="http://example.com/banner.jpg" color="#000000" />
                        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                        <div style="font-size:1px;line-height:1px">
                        <table width="600" cellspacing="0" cellpadding="0" border="0" align="center">
                        <tbody>
                        <tr>
                        <td height="180" align="center">
                        <![endif]-->
                        <table width="600" cellpadding="0" cellspacing="0" align="center" border="0" class="deviceWidth">
                            <tbody>
                                <tr>
                                    <td width="182" style="vertical-align: top;text-align: left;float: left">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tbody>

                                    </tbody></table></td>
                                    <td width="0">&nbsp;</td>
                                    <td width="398">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tbody><tr>
                                            <td style="padding:10px 25px 0 0;vertical-align: top; text-align: left; font-size: 22px; font-weight: 300; font-family: Arial, Helvetica, sans-serif; color: #ffffff; ">Accelerate your database applications with NetApp and AWS</td>


                                        </tr>
                                        <tr><td style="padding:10px 25px 0 0;padding-bottom: 8px; vertical-align: top; text-align: left; font-size: 15px; line-height:20px; font-weight: 300; font-family: Arial, Helvetica, sans-serif; color: #ffffff; ">Live Webinar: November 28, 2018 | 11:00 a.m. AEDT. </td></tr>

                                        <tr>
                                            <td style="vertical-align:middle; padding-top: 10px;">
                                            <table width="auto" cellpadding="0" cellspacing="0" border="0">
                                                <tbody><tr>
                                                    <td style="width: 10px">&nbsp;</td><td style="min-width:50px; padding: 12px 30px 15px 30px; background-color: #000000;border-radius: 2px;border: 2px solid #E39F51;  font-size: 14px; line-height:20px;font-family: Arial, Helvetica, sans-serif; color: #ffffff">

                                                            <a style="display: block;color: #ffffff;font-size: 12px;text-decoration: none;" href="http://www.google.com">
  <strong style="text-decoration: none; color: #ffffff; font-weight: inherit; font-size: 15px;font-family: Arial, Helvetica, sans-serif; ">
    <a href="http://www.google.com"> Register Now</a><font style="font-size: 16px; line-height:12px;color: #E39F51;vertical-align: text-bottom">&#10141;</font>
                                                              </strong>                                                 </a></td>
                                                </tr>
                                            </tbody></table></td>
                                        </tr>

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

                            </tbody>
                        </table><!--[if gte mso 9]>
                        </td>
                        </tr>
                        </tbody>
                        </table>
                        </div>
                        </v:textbox>
                        </v:rect>
                        <![endif]--></td>
                    </tr>

                      </table></td>

                    </tr>

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

            <!-- Body -->

          </tbody>
        </table>

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

我需要将.oft文件发送给我的销售团队。该电子邮件在大多数电子邮件客户端中都可以正常工作。问题是当我们从html文件创建.oft文件时。当我们创建OFT时,横幅中的链接可以正常工作。我发送此链接的那一刻不起作用。

我浏览了许多论坛,发现OFT不支持VML。但是,如果删除VML,则将无法使用电子邮件的背景图片。无论如何,我们可以解决此问题吗?

0 个答案:

没有答案