2011-11-04 78 views
19

我想發送HTML體電子郵件像下面的background-image CSS來我的用戶:背景圖像的CSS - Gmail不支持

<div style='width:500px;height:1000px;background-color:black;background-image:url(http://upl0ad.org/images/mylogo.gif) repeat scroll left top;'> 
    My Content 
</div> 

但下面的鏈接表示,谷歌不支持background-image css!
http://www.campaignmonitor.com/css/

我該怎麼辦?

+0

在標題請不要把標籤太

測試。此外,這與ASP.Net無關。 – SLaks

+0

確實沒有什麼可以做的,因爲positon和z-index不被gmail支持 – CBRRacer

+0

重新設計,直到你發現一些可以與內嵌圖像一起工作的東西是一種選擇,並且是人們常見的東西。檢查你得到的任何其他HTML電子郵件,看看有多少嘗試和使用背景圖像。 –

回答

42

您是否嘗試過設置表的background屬性?

這是在以下Mailchimp博客文章中詳細介紹的推薦方法:Background Images and CSS in HTML Email

(在Gmail中測試)

<table background="https://www.google.com/intl/en_com/images/srpr/logo3w.png" width="275" height="95"> 
     <tr> 
      <td> 
       Email Content... 
      </td> 
     </tr> 
    </table> 
+1

它的工作原理 - 感謝親愛的兄弟 - 這是什麼地方?我剛來這地方!太棒了 – MoonLight

+0

歡迎!我很高興它有幫助。 – jdavies

+0

有沒有重複它的方法? – MoonLight

7

你不能做任何事情。由於安全原因,許多Web郵件應用程序不支持使用CSS設置背景圖像。

實際顯示背景背景的唯一方法是創建一個帶有文本的圖像,並使用<img src="##" />標記顯示該圖像。儘管如此,請務必添加鏈接到電子郵件的文本版本和/或鏈接到基於網頁的時事通訊副本。

另外,您需要記住的是,新聞稿設計與網站設計截然不同。你需要忽略所有通常的標準,你需要使用表,內嵌樣式,IMG標籤等

查看此頁面爲一些很好的建議:http://www.sitepoint.com/code-html-email-newsletters/

而且MailChip(可能是最流行的通訊管理系統)已關於如何編寫HTML電子郵件,很少有很好的建議:http://kb.mailchimp.com/article/how-to-code-html-emails

+0

感謝您的有用的鏈接/我有一個小問題,你我不知道我可以發佈它作爲一個Q或不!然而,我只是想知道什麼是用c#在asp.net中製作html電子郵件的最佳方式,並將它們與代碼發送到後面?我應該在代碼後面製作一個HTML電子郵件,還是有更好的方法讓它們(可視化)! – MoonLight

0

我在gmail上測試過:gmail將刪除background-color =#FFFFFF和「background-image」,這很奇怪。

「背景」的作品,所以在背景中將背景色和背景圖轉換爲「背景」。

「背景色」 =#FEFEFE工作於2013年9月10日