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

Question

这是我的电子邮件模板:http://jsfiddle.net/p5K6N/

我厌倦了一些事情，我拿了 2 个 div，一个 div 用于图像，第二个用于文本，并使 position : absolute

position : absolute <= 不起作用

我尝试的另一件事是图像的背景 url，但它仍然对我不起作用 :( - 我在互联网上发现它不起作用，但这里的替代解决方案是什么？

<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

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

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