Question

我正在开发一个HTML-Newsletter，它在各处看起来都很棒，但在Outlook中。

我有一个包含三列的表格行，其中左右列应显示阴影，中间一行显示内容。阴影是具有指定宽度和高度为1px的背景图像。图像应该在y方向上重复，并且最终应该与中心单元具有相同的高度。左侧单元格的代码如下所示（我使用了http://backgrounds.cm/中的模板）：

<td background="shadow-left.jpg" style="width: 32px;" width="32" valign="top">
    <!--[if gte mso 9]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:32px;">
            <v:fill type="tile" src="shadow-left.jpg" color="#7bceeb" />
            <v:textbox inset="0,0,0,0" style="mso-fit-shape-to-text:true">
    <![endif]-->
    <div>
        <img src="blank.gif" alt="blank" width="32" height="1" />
    </div>
    <!--[if gte mso 9]>
         </v:textbox>
       </v:rect>
    <![endif]-->  
</td>

问题：

背景图片仅重复约。 20次 - ＆gt; 20px虽然中心单元远高于20px。

问题：

是否可以让Outlook重复图像超过20px？如果可能，我该怎么办？

Answer 1

在HTML中替换它：

<td background="shadow-left.jpg" style="width: 32px;" width="32" valign="top">

由此：

<td style="width: 32px; background: url('shadow-left.jpg') repeat;" width="32" valign="top">

基本上，新的代码是内联CSS来设置背景图像并在x和y方向上重复它。

表单元格中的背景图像不会在html简报中重复出现

1 个答案: