2011-11-04 33 views
19

tôi muốn gửi email nội dung html như dưới đây với background-image css cho người dùng của tôi:background-image css bên trong một email html - Gmail không hỗ trợ

<div style='width:500px;height:1000px;background-color:black;background-image:url(http://upl0ad.org/images/mylogo.gif) repeat scroll left top;'> 
    My Content 
</div> 

nhưng như liên kết dưới đây nói google không hỗ trợ background-image css!
http://www.campaignmonitor.com/css/

tôi có thể làm gì với điều đó?

+0

Xin đừng đưa thẻ trong tiêu đề. Ngoài ra, điều này không có gì để làm với ASP.Net. – SLaks

+0

có thực sự là không có gì bạn có thể làm vì positon và z-index không được hỗ trợ bởi gmail hoặc – CBRRacer

+0

Thiết kế lại cho đến khi bạn tìm thấy một cái gì đó sẽ làm việc với hình ảnh nội tuyến là một lựa chọn, và một người bình thường thực hiện. Kiểm tra bất kỳ email html nào khác bạn nhận được và xem có bao nhiêu thử và sử dụng hình ảnh nền. –

Trả lời

42

Bạn đã thử đặt thuộc tính background của bảng chưa?

Đây là phương pháp được đề xuất chi tiết trong bài đăng trên blog Mailchimp sau đây: Background Images and CSS in HTML Email.

Ví dụ (Tested trong Gmail)

<table background="https://www.google.com/intl/en_com/images/srpr/logo3w.png" width="275" height="95"> 
     <tr> 
      <td> 
       Email Content... 
      </td> 
     </tr> 
    </table> 
+1

nó hoạt động - cảm ơn bro thân yêu - nơi này là gì? tôi là người mới ở đây! Rất tuyệt vời – MoonLight

+0

Chào mừng bạn !, Tôi rất vui vì nó đã giúp. – jdavies

+0

có cách nào để lặp lại không? – MoonLight

7

Bạn không thể làm bất cứ điều gì về nó. Việc sử dụng CSS để đặt hình nền không được hỗ trợ trong nhiều ứng dụng web vì lý do bảo mật.

Cách duy nhất để thực sự hiển thị nền phía sau văn bản là tạo hình ảnh có văn bản trên đó và hiển thị hình ảnh đó bằng cách sử dụng thẻ <img src="##" />. Mặc dù, luôn luôn nhớ thêm liên kết vào phiên bản văn bản của email và/hoặc liên kết tới bản sao trang web của bản tin của bạn.

Additoinally, bạn cần nhớ rằng thiết kế bản tin rất khác với thiết kế trang web. Bạn cần phải bỏ qua tất cả các tiêu chuẩn thông thường, bạn cần phải sử dụng bảng biểu, phong cách nội tuyến, thẻ img, vv

Kiểm tra trang này để vài gợi ý tốt: http://www.sitepoint.com/code-html-email-newsletters/

Cũng MailChip (có lẽ phổ biến nhất hệ thống quản lý Newsletter) đã một số gợi ý rất hay về cách mã HTML email: http://kb.mailchimp.com/article/how-to-code-html-emails

+0

cảm ơn cho các liên kết hữu ích/tôi có một câu hỏi nhỏ từ bạn rằng tôi không biết tôi có thể đăng nó như là một Q hay không! Tuy nhiên tôi chỉ muốn biết cách tốt nhất để làm cho email html trong asp.net với C# và gửi cho họ với mã phía sau là gì? tôi có nên tạo một email html trong mã chỉ sau hoặc có cách tốt hơn để tạo chúng (có nghĩa là trực quan)! – MoonLight

0

Tôi đã thử nghiệm trên gmail: gmail sẽ xóa background-color = # FFFFFF bằng "background-image", thật lạ.

"nền" hoạt động, do đó, chuyển đổi màu nền và hình nền thành "nền" theo kiểu.

"background-color" = # FEFEFE làm việc quá

thử nghiệm trên 2013-09-10

Các vấn đề liên quan