HTML電子郵件模板背景圖片不能正常工作

Question

這裏我的電子郵件模板：http://jsfiddle.net/p5K6N/

我累了幾件事情，我花了2個div S，一個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

請參閱http://www.campaignmonitor.com/css/並非每個Mailclient都支持背景圖片！

Answer 2

電子郵件是一個絕對可怕的事情，因爲有許多不同的郵件客戶端（Gmail，Outlook等），他們都運行不同。我從最近的經驗中知道，前景不支持背景圖像或位置樣式。也有一些客戶會因爲某些原因撕裂你的任何div。總之，沒有解決方案可以運行在所有的電子郵件客戶端上，因爲電子郵件是惡魔！我發現這個網站對測試我的電子郵件很有幫助。 http://putsmail.com/

http://backgrounds.cm/這可能對某些情況下的工作，雖然

Answer 3

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

1. 你有[space]background-image:url...前的空間乘坐空間了。
2. 使用background而不是background-image如果你要提供額外的價值，例如height，width等