2011-12-08 28 views
10

我目前正在編寫一個HTML電子郵件,使用MailChimp來測試它,並最終發送它。HTML電子郵件中的穿透

該電子郵件廣告多個銷售,這些銷售使用HTML strike標籤顯示。出於某種原因,這些strike標籤沒有通過完成的測試電子郵件。

代碼,因爲它出現在MailChimp:

<strike>$12.95</strike> SALE! $9.95 

代碼的測試電子郵件,檢索使用Chrome網上應用工具:

$12.95 SALE! $9.95 

我親自證實這是在Gmail,Outlook中發生2007年和雅虎!郵件。快速閱讀我的MailChimp收件箱檢查器結果告訴我問題絕對不限於這三個。

任何想法爲什麼會發生這種情況?有沒有更可靠的選擇,我可以使用,而不訴諸圖像?

回答

16

的內嵌樣式是最好的選擇,它似乎是widely supported 。該頁面上的PDF爲更多的客戶提供了更大的結果集。

此外,它可能值得試用fractal,因爲他們聲稱能夠優化和驗證HTML電子郵件。我自己並沒有使用它。警告是,它看起來像你需要註冊的服務。

+0

偉大的答案!這確實解決了我的問題。即使你不是第一個,我已經接受了你的答案,鏈接到支持表和Fractal。 =)非常感謝! –

+1

+1。我偶然發現了這個問題,我認爲我們應該避免在[MDN建議](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strike)處使用標籤。 。 –

4

你可以嘗試的CSS屬性text-decoration: line-through; - 可能會被更廣泛地接受......

4

嘗試:

text-decoration:line-through
<span style='text-decoration: line-through;'>12.95</span> SALE $9.95 
3

可能會將您的樣式從電子郵件中刪除,您可以在每個元素上嘗試一種內聯樣式。

<span style="text-decoration: line-through;">$12.95</span> 

但要真正記住在這種情況下,事情是,HTML通訊的嬌氣,不能可靠地風格是在所有的郵件客戶端的相同。這幾乎是爲什麼它建議完全依賴舊式tableg html而沒有背景圖像或現代css。 雖然您可以添加樣式,並且您可以避免被刪除,但它仍然不能保證在每個客戶端。

我的建議是去所有原始tabled的html和訴諸圖像,如果它是重要的。否則,編寫一個郵件客戶列表,這對你來說意義最大,然後讓它正常工作,但是你可以爲所有這些郵件客戶提供服務,而忘記其餘的。

+0

很好的建議!謝謝! =) –

+0

非常有用。 Outlook.com支持開箱即用的HTML編輯,對於Gmail,必須在其他地方(例如在網站上)創建HTML,然後複製/粘貼到郵件中,請參閱http:// webapps。stackexchange.com/a/3561/24599。 –

4

這些對顏色的文本和srikethrough文本的樣式:

<span style="color:red; text-decoration:line-through;"> 
    <span style="color:black;">black with red strikethrough</span> 
</span>