gmail 郵件中css無效style無效background image背景圖片無效不顯示的解決辦法

幾乎每個會員制網站都需要通過后臺發送郵件來與會員進行溝通，如注冊確認、營銷推廣。這些由站方發給會員的信件，往往純
文本格式已不能滿足界面和交互的要 求，這時候我們就需要發送HTML頁面。由于HTML郵件不是獨立的HOST在本站的頁面，是寄人籬下的。所以編寫HTML郵件與編寫HTML頁面有很大 的不同。因為，各面向網民的主流郵箱都或多或少的會對它們接收到的HTML郵件在后臺進行過濾。毫無疑問，JS代碼是被嚴格過濾掉的，包括所有的事件監聽 屬性，如onclick、onmouseover，這是基于郵件安全性的考慮。不僅如此，CSS代碼也會被部分過濾。本人要講的就是如何編寫不被各大主流 郵箱過濾的，能正常顯示的HTML郵件。

gmail會自動過濾掉 head里的<style>設置的css，所以必須要把css寫在html里面。

例如 <div style=”font-size:14px;”>

另外，gmail不支持在css里定義background里的image，包括background:url(”…”)和background-image:url(“..”)

解決辦法是 在div的外面加上一層  <table>和<td>

并在<td>里加上background屬性，例如

<table>

<tr>

<td  background=”http://www.vivizu.com/test.jpg”>

<div>test</div>

</td>

</tr>

</table>

呵呵 ，就可以看到背景圖片了