2011-01-14 30 views
11

Tôi đang tạo mẫu email có hình ảnh hiển thị từ trang web bên ngoài. Tôi đã đặt một số thẻ <img> để hiển thị hình ảnh và có một số thẻ <td> có thuộc tính hình nền được đặt trong css nội tuyến của các phần tử.email html với kiểu nền-hình ảnh không được hiển thị

Bây giờ, khi nhận được email trong triển vọng, hình ảnh không được hiển thị (điều này được mong đợi là hình ảnh không được nhúng). Và tôi nhấp vào hình ảnh tải xuống để xem hình ảnh đúng cách. Các hình ảnh trong thẻ <IMG> chỉ được hiển thị và hình nền cho <TD> không được hiển thị.

Bất kỳ chế độ xem nào về cách giải quyết vấn đề này?

Cảm ơn!

+0

cách chính xác để bạn thiết lập thuộc tính hình nền? – amosrivera

+0

td style = "background-image: url (http: //mysite/images/common/msg_collapsed_title_bg.png); lặp lại nền: lặp lại-x" – Chaitanya

Trả lời

7

Cuối cùng tôi tìm thấy câu trả lời.

Outlook 2007 không sử dụng công cụ hiển thị của Internet Explorer để tải nội dung HTML. Thay vào đó, nó sử dụng các khả năng HTML và CSS của Word 2007.

Do thuộc tính CSS này chẳng hạn như hình nền không được hỗ trợ. Và do đó không thể thiết lập một hình nền cho các phần tử HTML trong triển vọng bằng cách sử dụng các thẻ CSS chuẩn.

Thông tin thêm có sẵn tại http://msdn.microsoft.com/en-us/library/aa338201(v=office.12).aspx

4

Hình nền không được hỗ trợ trong Outlook. Cách tốt nhất là bạn không bao giờ nên sử dụng hình nền trong email HTML. Nếu bạn phải có một nền, bạn có thể sử dụng và hình ảnh CỘNG VỚI một màu đồng nhất. Những người có ứng dụng email hỗ trợ hình ảnh nền sẽ nhận được hình ảnh và những người không hỗ trợ hình ảnh sẽ quay trở lại màu đồng nhất.

4

Có thực sự là một phương pháp để sử dụng hình ảnh nền trong email HTML trong Outlook.

Như Chaitanya đề cập đến nó không thể được thực hiện với CSS, nhưng nó có thể được thực hiện thông qua VML.

Kỹ thuật này có liên quan nhiều hơn một chút so với sử dụng background: url(....) và tôi không sử dụng nó thường xuyên như tôi sẽ sử dụng kỹ thuật CSS (nếu nó hoạt động trong Outlook). Nhưng nó rất hữu ích.

Tôi đã sử dụng thành công trên một số chiến dịch.

Hướng dẫn đầy đủ tại đây: bao gồm danh sách ứng dụng email hỗ trợ kỹ thuật này.

http://www.campaignmonitor.com/forums/viewtopic.php?pid=14197

0

Có cách hiển thị hình ảnh HTML.

Email html phải được hiển thị dưới dạng tài liệu MSWord trong triển vọng.

Tôi đã nhận được giải pháp từ bài đăng https://stackoverflow.com/a/12693917/413032 này.

Vì vậy, chúng tôi cần người thay thế.

Trong thực tế, bạn có thể mở email html của bạn trong MSWORD và tìm thấy những gì có vẻ sai và xem xét những gì có thể là một thay thế cho ý tưởng.

Đây là những gì tôi đã làm;

  1. Added v namespace vào thẻ html

    < html xmlns:v="urn:schemas-microsoft-com:vml" 
    
  2. phong cách gia tăng v 's để đầu khối

    <head> 
    <style type="”text/css”"> 
         v\:* { behavior: url(#default#VML); display:inline-block} 
    </style> 
    
  3. Trong bảng hoặc trong trường hợp bạn cần thêm MSWord thay thế của bạn

    <table style="background-image: url('https://e-telesaglik.com/images/email/canvas-bg.jpg');background-repeat:no-repeat;" cellpadding="0" width="960"> 
          <!--[if gte vml 1]> 
            <v:shape 
             stroked='f' 
             style='position:absolute;margin-left:-90pt;margin-top:-1.55pt;  
               z-index:-503306481; 
               visibility:visible; 
               width:720pt; 
               height:475pt;   
               top:0; 
               left:0; 
               border:0;            
               '> 
             <v:imagedata src="https://e-telesaglik.com/images/email/canvas-bg.jpg"/> 
            </v:shape> 
          <![endif]--> 
           <tbody> .... 
    

Đó là tất cả. Chắc chắn nó sẽ là một MSWord render. Và nhiều hơn nữa, khi bạn nhận thấy chúng tôi sử dụng định vị tuyệt đối ...

Dù sao đây là giải pháp thay thế và giải quyết vấn đề theo cách. Chúng tôi hy vọng một ngày nào đó MS-Outlook sẽ hiển thị các e-mail html bằng trình duyệt web không có MS-Word.

0

này hoạt động trong Gmail,

tôi đã cố gắng này để hiển thị div với hình ảnh trong bản tin email, hãy thử inline css, gửi hướng dẫn email here

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