2012-04-30 24 views
1

我已經發現了Gmail的一個奇怪的問題,如果我的HTML電子郵件有任何形式的CSS3漸變例如其中:Gmail中去除​​各種風格,如果它有一個背景漸變

<th style="text-align:right; font-size:14px; background:#ededed; background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background-image:-moz-linear-gradient(top, #ededed, #ebebeb); font-weight:bold;"> 

它會從這個刪除所有樣式<th>。只要我刪除背景漸變的東西,它工作正常,並留下其餘的樣式。我試圖改變這個背景:-moz-linear ...都具有相同的效果。如果gmail不喜歡它,它會去掉這個元素的所有樣式。

有沒有人經歷過這個?有解決方案來解決這個問題嗎?

我用Thunderbird和Mac Mail測試了同樣的電子郵件,沒有任何問題。

+0

幾乎所有電子郵件客戶端的CSS支持都不符合Web標準。通常情況下,這是爲了防止垃圾郵件發送者的濫用。我以前從來沒有聽說過這個,但我猜想這是出於某種原因的目的。獲得該漸變的唯一可靠方法是圖像。 – Jeff

回答

3

的Gmail只是做奇怪玩意與一般的電子郵件CSS。作爲CSS支持如此不切實際,我並不感到驚訝的是,像CSS3漸變這樣的「高級」是完全錯誤的。

另一件事,你必須考慮的是,大多數電子郵件客戶端將無法識別CSS漸變,所以我不打擾嘗試。

如果你想要的東西出現的漸變,你想讓它顯示了大多數電子郵件客戶端,你將必須創建它作爲被作爲內容的圖像。

2

它在CSS電子郵件中不受支持。有限的選項可用。

入住這http://www.campaignmonitor.com/css/

+1

css電子郵件支持又回到了石器時代。你不會是能夠做很多,除了鳥巢表和憎命 – albert

+0

如果只雷鳥是在該列表中,它會打勾幾乎所有的箱子。 –

1

如果Gmail不喜歡任何給定元素的樣式聲明的任何部分,它會刪除該元素的整個聲明。一種解決方法是將聲明的部分指定爲!important。 Gmail只會忽略它不喜歡的位。

+0

似乎並不是簡單的......我試過了,沒有成功 – raugfer

+0

過去可以正常工作,但現在不是了 – th3an0maly