Question

我在css中遇到了background-image的问题。问题是我无法在电子邮件模板中使用背景图像要解决这个问题，我可以使用<img>标签，问题是我有一些文字放在图像前面。
所以...我想知道的是，如果有任何选项可以避免使用背景图像，使用<img>并在顶部放置一些文本。这是我的代码：

<table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%;min-width:100%;border-collapse:collapse;" width="100%" class="mcnTextContentContainer">
  <tbody>
    <tr>
      <td valign="top" class="mcnTextContent" style="padding-top:0;padding-right:18px;padding-bottom:9px;padding-left:18px;color:#808080;font-family:Helvetica;font-size:16px;line-height:150%;text-align:left;background-color: #003b5d;background:url('http://example.com/images/bg-hero.jpg');">
        <h2 class="null" style="text-align:center;height:100px;color:#FFF;display:block;margin:0;padding:0;font-family:Helvetica;font-size:34px;font-style:normal;font-weight:bold;line-height:150%;letter-spacing:normal;padding-top:50px;">A friendly message</h2>
      </td>
    </tr>
  </tbody>
</table>

我想要的是替换背景图像background:url('http://example.com/images/bg-hero.jpg'); 在代码中

Answer 1

也许这个CSS可以帮助你！它正在为我的电子邮件模板工作。

body {

background-image: url('http://example.com/images/bg-hero.jpg');

background-repeat: repeat-y no-repeat;

background-color: #333;

margin: 0;

padding: 0;

}

尝试在不使用background-img

1 个答案: