Question

我只想添加背景图片，并希望在其上面写文字。我尝试了一切。请给我完整的证明方法。谢谢

Answer 1

您可以尝试使用Z-index：只需谷歌了解Z-index：您可以在W3schools上网示例

请参阅此处： http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_zindex

Answer 2

由于这是一封电子邮件，因此最好尽可能使用oldschool HTML，因为有些电子邮件阅读器不能正确支持CSS。

要在您可以使用的文本下获得背景：

<table background="http://www.htmlcodetutorial.com/tables/deepsea.gif">

请点击此处的实时操作：http://jsfiddle.net/Tub3x/

Answer 3

使用并应用背景图像和添加新的输入类型文本以写入您的文本。

像这样

<div style="background-image:url('imageurl') ">
  <your text box here>
</div>

度过美好的一天..

Answer 4

在电子邮件中提供图片时，链接应始终为相对路径。

以下是显示我的意思的示例电子邮件内容

$content = '<div style="background:url(\'http://yourdomain.com/images/yourimage.jpg\');">';
                                      //  ^ See the direct path to the image given here
$content .= "your text";
$content .= "</div>";

Answer 5

@ user1307242试试这个

<div> 
  <div style="position:absolute; z-index:-1">
    <img url='image path'/>
  </div>
  <div style="z-index:2">
    <Text box>
  </div>
</div>

HTML电子邮件中的背景图像

5 个答案: