Zaokrąglone rogi w szablonach Mailchimp - CSS lub oparte na obrazkach

Question

Tworzę szablon wiadomości e-mail dla Mailchimp. Pobrałem szablon i teraz umieszczam moją zawartość zgodnie z wymaganiami (wiem o używaniu języka szablonów Mailchimp). Moim problemem jest to, że muszę używać zaokrąglonych narożników i używam zaokrąglonych rogów opartych na obrazie.

Kiedy edytuję tabele w edytorze wizualnym Mailchimp, zaokrąglone narożniki oparte na obrazie zostają zerwane i przestają działać.

Czy należy używać zaokrąglonych rogów CSS lub obrazów? Wszelkie sugestie proszę.

* EDIT: Zawsze używaj zdjęć to co ja mam jak najlepsze rozwiązanie ..

Answer 1

używanie zdjęć, są one 100% obsługiwane. Example here, jak to zrobić poprawnie.

Musisz przesłać zdjęcia rogu, które będą hostowane przez Mailchimp lub własny adres URL. Jeśli tak, Mailchimp może ponownie formatować swój kod. Nie jestem pewien, czy to jest wysiwyg, ponieważ nie jestem użytkownikiem Mailchimp, ale zawsze możesz edytować kod wyjściowy, aby przywrócić adres URL obrazu, jeśli tak jest.

Answer 2

MailChimp używa CSS oparte zaokrąglone narożniki w ich Email Blueprint templates. Oto chart from CampaignMonitor pokazano niektóre z klientów poczty border-radius (oraz -moz i -webkit przedrostków) będzie/nie będzie pracować.

CSS oparte zaokrąglone rogi nie będzie działać w każdy klient e-mail, ale nie powiedzie się z gracją w klientach, które nie obsługują właściwości border-radius. Okrągłe narożniki zaokrąglone w obrazie nie będą wyświetlane, gdy czytnik nie ma włączonych obrazów, a jak zauważyłeś, utrzymywanie zaokrąglonych narożników w edytorze graficznym MailChimp może być trudne w zależności od konfiguracji twojego szablonu.

Moja sugestia będzie dla CSS oparte zaokrąglonymi narożnikami, używając przedrostków pokryć najszerszy zakres klientów e-mail:

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