Question

我厌倦了一些事情，我花了2 div个，一个div用于图像，第二个用于文本，然后制作position : absolute

position : absolute ＆lt; =无效

我尝试的另一件事是图片的背景网址，但它仍然无法为我工作:( - 我在互联网上发现它不起作用，但这里的备用解决方案是什么？

<p style="text-align: center; font-size: 18px; font-family: 'Segoe UI';">Pursue Your Brand</p>

<div style=" background-image:url('http://beautifullinux.com/web/wallpaper/SolarisExpressBuild69/images/di-scurve-gray.png'); background-size:100%; width: 100%; height:100%; text-align: center; vertical-align: middle;">
    some text will be disply here
</div>

Answer 1

请参阅http://www.campaignmonitor.com/css/并非每个Mailclient都支持背景图片！

Answer 2

电子邮件是一件非常糟糕的事情，因为有许多不同的邮件客户端（gmail，outlook等等）并且它们的运行方式各不相同。我从最近的经验中知道，Outlook不支持背景图像或位置样式。还有一些客户会出于某种原因扯掉你所拥有的任何div！简而言之，没有解决方案可以在所有电子邮件客户端上运行，因为电子邮件是魔鬼！我发现这个网站有助于测试我的电子邮件。 http://putsmail.com/

http://backgrounds.cm/这可能适用于某些情况

Answer 3

<div style=" background-image:url...>

在[space]background-image:url...占据空间之前你有一个空格。
如果您要提供background，background-image等额外值，请使用height代替width。

HTML电子邮件模板背景图像不起作用

3 个答案: