2012-03-19 152 views
11

我正在處理HTML電子郵件。 我得到的問題是,GMAIL不使用我給它的「背景位置」。 我有一個100%寬度的表格,必須以居中爲背景。大多數客戶完美地做到了這一點,但Gmail卻沒有。有沒有解決方法?Gmail HTML電子郵件背景

內聯CSS是這樣的:(我已經分裂的所有背景屬性,因爲否則大多數客戶端不顯示正確的方式)

<table style="background-repeat: no-repeat; background-position: center top;" border="0" width="100%" align="center" bgcolor="#1E1411" background="assets/mainback2.jpg"> 
+2

還有一些其他人不支持「背景位置」...... http://www.campaignmonitor.com/css/ – ManseUK 2012-03-19 10:01:32

+0

雖然只有通過Campaign發送時,我仍面臨同樣的問題監控。 當直接使用PHPMailer發送時,background-position屬性正常工作。 – 2012-06-20 09:16:11

+0

我有一個圖像作爲我的身體背景。它應該在底部並且是文本的後面。如果我使用background-position:bottom;它工作正常,除了Gmail。我可以使用哪些工作來解決這個問題? – 2013-10-21 15:18:13

回答

20

是可以的,你只要把所有的背景風格在同一行,像這樣:

background:#1E1411 url(assets/mainback2.jpg) no-repeat center top; 

但由於某些電子郵件客戶端無法處理的背景圖片,你必須分開的顏色。

background:url(assets/mainback2.jpg) no-repeat center top; 
background-color:#1E1411; 
+0

這不起作用 – Matt 2013-02-11 07:36:14

+3

爲我啓發,有背景作爲一個屬性,一旦作爲內聯風格的背景開始投入平鋪和定位如預期。謝謝 – Yevgeniy 2013-10-08 12:04:33

0

可能是你必須定義你的背景在STYLE報價不單獨。像這樣寫:

<table style="background-repeat: no-repeat; background-position: center top; background-image:url(assets/mainback2.jpg)" border="0" width="100%" align="center" bgcolor="#1E1411"> 
2

你回答了你自己的問題。

GMAIL不使用「背景位置

article

0

來源:http://css-tricks.com/using-css-in-html-emails-the-real-story/

你不能做什麼:

包括與樣式的部分。Apple Mail.app支持它,但Gmail和Hotmail不支持,所以這是一個禁忌。Hotmail將支持一個樣式部分在身體,但Gmail仍然沒有。

鏈接到外部樣式表。沒有多少電子郵件客戶端支持這一點,最好只是忘記它。

背景圖像/背景位置。 Gmail也是這一個的罪魁禍首。 清理你的花車。 Gmail再次。

保證金。是的,嚴重的是,Hotmail忽略了利潤。基本上任何CSS定位都不起作用。

字體任何東西。 Eudora可能會忽略任何你試圖用字體聲明的東西。 還有更多的事情你應該知道。有關在線電子郵件服務支持什麼的完整列表,請參閱Xavier Frenette的這篇文章。

所以,不能做好友。

0

把背景圖像上td等,

<td background="http://someimageurl" style="background-repeat:no-repeat"> 

,然後通過align="center"定位在中心的table。以表格same的寬度作爲背景以獲得居中效果。以此爲中心的解決方案並不適用於所有情況。在客戶端支持

0

嘗試看看這個 http://zurb.com/,任何設備&客戶端上運行的HTML電子郵件。

+1

請包括您提供的鏈接的相關部分,以便人們可以閱讀並理解您的答案,即使鏈接永久脫機。此外,人們不太可能贊成僅鏈接的答案。看看什麼構成了一個[良好的答案](https://stackoverflow.com/help/how-to-answer)。 – 2014-04-30 15:11:02