Mailchimp模板中的圓角 - CSS或基於圖像的

Question

我正在爲Mailchimp創建電子郵件模板。我已經下載了一個模板，並且現在按照需求放置了我的內容（我知道使用Mailchimp模板語言）。 我的問題是，我必須使用圓角，並使用基於圖像的圓角。

當我在Mailchimp可視化編輯器中編輯表格時，基於圖像的圓角變得斷裂，不再有效。

我應該使用CSS還是基於圖像的圓角？任何建議請。

* 編輯：始終使用圖像這是我得到的最好的解決辦法..

Answer 1

使用圖片，他們是100％的支持。 Example here如何正確地做到這一點。

您需要上傳要由Mailchimp或您自己的URL託管的角落圖像。如果他們是，Mailchimp可能會重新格式化您的代碼。由於我不是Mailchimp用戶，因此不確定它是否爲wysiwyg，但如果出現這種情況，您可以隨時編輯輸出代碼以將圖片網址返回。

Answer 2

Mailchimp使用基於CSS的圓角他們Email Blueprint templates。這裏有一個chart from CampaignMonitor顯示某些電子郵件客戶端border-radius（和-moz和-webkit前綴）的會/不會工作。

基於CSS的圓角不會每電子郵件客戶端的工作，但會失敗優雅地在不支持border-radius屬性的客戶端中。當閱讀器沒有啓用圖像時，基於圖像的圓角將不會顯示，並且正如您所見，根據模板的設置方式，在MailChimp可視化編輯器中維護基於圖像的圓角可能非常困難。

我的建議是基於CSS的圓角，使用前綴覆蓋的電子郵件客戶端的最寬的範圍：

border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;