Nền email HTML Gmail

Question

Tôi đang làm việc trên một email HTML. Vấn đề tôi nhận được là GMAIL không sử dụng "vị trí nền" tôi đưa ra. Tôi có một bảng có chiều rộng 100% có nền nằm ở giữa. Hầu hết khách hàng thực hiện điều này một cách hoàn hảo nhưng Gmail thì không. Có một cách giải quyết cho điều này?

CSS nội tuyến là như thế này: (i đã chia tất cả các thuộc tính background lên bởi vì nếu không hầu hết khách hàng không hiển thị nó đúng cách)

<table style="background-repeat: no-repeat; background-position: center top;" border="0" width="100%" align="center" bgcolor="#1E1411" background="assets/mainback2.jpg"> 

Answer 1

Nó IS có thể, bạn chỉ cần phải đặt tất cả các phong cách nền trong một dòng, như vậy:

background:#1E1411 url(assets/mainback2.jpg) no-repeat center top; 

Nhưng vì một số khách hàng email không thể xử lý hình ảnh nền, bạn phải tách các màu sắc.

background:url(assets/mainback2.jpg) no-repeat center top; 
background-color:#1E1411; 

Answer 2

Có thể bạn phải xác định nền của bạn trong STYLE trích dẫn không riêng biệt. viết như thế này:

<table style="background-repeat: no-repeat; background-position: center top; background-image:url(assets/mainback2.jpg)" border="0" width="100%" align="center" bgcolor="#1E1411"> 

Answer 3

Bạn đã trả lời câu hỏi của riêng mình.

GMAIL không sử dụng "background-position

article

Answer 4

Từ: http://css-tricks.com/using-css-in-html-emails-the-real-story/

Những gì bạn KHÔNG THỂ làm:

Bao gồm một phần với phong cách Apple Mail.app hỗ trợ nó, nhưng Gmail và Hotmail thì không, vì vậy nó không phải là không. Hotmail sẽ hỗ trợ một phần kiểu trong cơ thể nhưng Gmail vẫn không.

Liên kết đến biểu định kiểu bên ngoài. Không có nhiều ứng dụng email hỗ trợ điều này, tốt nhất là quên nó đi.

Background-image/Background-position. Gmail cũng là thủ phạm trên trang này. Xóa phao của bạn. Gmail một lần nữa.

Ký quỹ. Yep, nghiêm túc, Hotmail bỏ qua lợi nhuận. Về cơ bản, bất kỳ định vị CSS nào cũng không hoạt động.

Phông chữ bất cứ thứ gì. Rất có thể Eudora sẽ bỏ qua bất cứ điều gì bạn cố gắng khai báo với phông chữ. Có một vài điều bạn cần biết. Để có danh sách đầy đủ về những dịch vụ email trực tuyến hỗ trợ những gì, hãy xem bài viết này tại Xavier Frenette.

Vì vậy, không thể làm bạn thân.

Answer 5

Đặt hình nền trên td như,

<td background="http://someimageurl" style="background-repeat:no-repeat"> 

và sau đó vị trí table vào trung tâm bằng align="center". Đặt cho bảng same chiều rộng làm nền để có được hiệu ứng trung tâm. Các giải pháp tập trung này là nhưng không áp dụng cho tất cả các trường hợp.

Answer 6

hình ảnh Anytime Tôi muốn nền được hỗ trợ trong các khách hàng như Gmail Tôi chỉ cần sử dụng này:

http://www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/

Answer 7

Hãy thử kiểm tra này http://zurb.com/, email HTML của nó mà làm việc trên bất kỳ thiết bị & khách hàng.