Góc tròn trong các mẫu Mailchimp - CSS hoặc hình ảnh dựa trên

Question

Tôi đang tạo mẫu email cho Mailchimp. Tôi đã tải xuống một mẫu và bây giờ đang đặt nội dung của mình theo yêu cầu (tôi biết về việc sử dụng ngôn ngữ mẫu Mailchimp). Vấn đề của tôi là tôi phải sử dụng các góc tròn và đang sử dụng các góc được làm tròn dựa trên hình ảnh.

Khi tôi chỉnh sửa các bảng trong trình chỉnh sửa hình ảnh Mailchimp, các góc tròn dựa trên hình ảnh sẽ bị hỏng và không hoạt động nữa.

Tôi có nên sử dụng CSS hoặc các góc tròn, hình ảnh không? Bất kỳ đề nghị xin vui lòng.

* EDIT: Luôn luôn sử dụng hình ảnh Đây là những gì tôi đã nhận giải pháp là tốt nhất ..

Answer 1

Sử dụng hình ảnh, họ được 100% được hỗ trợ. Example here cách thực hiện chính xác.

Bạn sẽ cần phải tải lên hình ảnh góc được lưu trữ bằng Mailchimp hoặc URL của riêng bạn. Nếu có, Mailchimp có thể định dạng lại mã của bạn. Không chắc chắn nếu nó là một wysiwyg vì tôi không phải là người dùng Mailchimp, nhưng bạn luôn có thể chỉnh sửa mã đầu ra để đặt lại URL của hình ảnh nếu trường hợp đó xảy ra.

Answer 2

Mailchimp sử dụng góc tròn CSS-có trụ sở tại Email Blueprint templates của họ. Dưới đây là một chart from CampaignMonitor cho thấy một số các khách hàng email border-radius (và -moz và -webkit tiền tố) sẽ/sẽ không làm việc.

Các góc tròn CSS-based sẽ không làm việc trong mỗi khách hàng email, nhưng sẽ thất bại một cách duyên dáng trong các máy khách không hỗ trợ thuộc tính border-radius. Các góc tròn dựa trên hình ảnh sẽ không hiển thị khi người đọc không bật hình ảnh và như bạn đã trải nghiệm, việc duy trì các góc tròn dựa trên hình ảnh trong trình soạn thảo trực quan MailChimp có thể khó khăn tùy thuộc vào cách thiết lập mẫu của bạn.

Đề nghị của tôi sẽ cho góc tròn CSS-based, sử dụng tiền tố để trang trải các phạm vi rộng nhất của các khách hàng email:

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