我爲客戶創建了一封HTML電子郵件，然後他要求我將它發佈到自己的服務器上以供在網上查看。這是一個包含圖像和一些鏈接的基本表格佈局。電子郵件中的圖像不顯示在IE中

所有主流電子郵件客戶端以及Chrome，Safari和Firefox都可以正常工作。但是，所有版本的IE都不顯示圖像。你可以在這裏看到這個網站。

http://poweredbyprofessionals.com/email/2012-10-MRF/

我驗證了圖像RGB和CMYK沒有，以及運行它通過驗證。似乎沒有什麼解決這個問題。有任何想法嗎？

來源

2012-07-25 micahmills

解

由實際的寬度和高度替換width="auto"和height="auto"。

演示

http://jsfiddle.net/yrVsL/1/

代碼修改

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title></title> 
    </head> 
    <body> 
    <table style="border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
       <td colspan="2" align="center"> 
       <font color="#005697" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:36px;"> 
         <strong> Join Us!! <br/></strong> 
       </font> 
       <font color="#008754" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;"> 
        <strong>Wings of Hope for Melanoma</strong><br /> 
          a fundraising gala to benefit the <br /> 
          Melanoma Research Foundation<br /><br /> 
       </font> 
       <font color="#000" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;"> 

        <strong> Thursday, October 11, 2012<br/> 
        6:00 PM to 10:00 PM<br /> 
        Gotham Hall <br /> 
        1356 Broadway, New York<br /><br /> 
        </strong> 

        <strong><a href="http://poweredbyprofessionals.com/melanoma/Purchase.html">Click here for more         information, to purchase tickets or make a donation!</a></strong> 
       </font>   
       </td> 
      </tr> 

      <tr> 
       <td> 
        <a href="http://www.poweredbyprofessionals.com/melanoma/Purchase.html" target="_blank"> 
        <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-1.jpg" alt="Slice-1" width="550" height="257" /> 
        </a> 
       </td> 
      </tr> 

      <tr> 
       <td> 
        <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-2.jpg" alt="Slice-2" width="550" height="446" /> 
       </td> 
      </tr> 

      <tr> 
       <td> 
        <table style="border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">  
         <tr> 
          <td> 
           <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-4.jpg" alt="Slice-4" width="275" height="99" /> 
          </td> 
          <td> 
           <a href="http://www.poweredbyprofessionals.com/melanoma/Purchase.html" target="_blank"> 
            <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-3.jpg" alt="Slice-3" width="275" height="99" /> 
           </a> 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr>      

      <tr> 
       <td> 
        <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-5.jpg" alt="Slice-5" width="550" height="319" /> 
       </td> 
      </tr> 

      <tr> 
       <td> 
        <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-6.jpg" alt="Slice-2" width="550" height="99" /> 
       </td> 
      </tr> 

      <tr> 
       <td> 
        <a href="http://www.poweredbyprofessionals.com/melanoma/Purchase.html" target="_blank"> 
        <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-7.jpg" alt="Slice-1" width="550" height="99" /> 
        </a> 
       </td> 
      </tr>       

      <tr> 
       <td> 
        <table style="border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">  
         <tr> 
          <td> 
           <a href="http://www.poweredbyprofessionals.com" target="_blank"> 
            <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-8.jpg" alt="Slice-3" width="180" height="87" /> 
           </a>       </td> 
          <td> 
           <a href="http://www.melanoma.org" target="_blank"> 
            <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-9.jpg" alt="Slice-3" width="180" height="87" /> 
           </a> 
          </td> 
          <td> 
           <a href="http://www.stanadler.com" target="_blank"> 
            <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-10.jpg" alt="Slice-3" width="180" height="87" /> 
           </a> 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr>   

     </table> 
    </body> 
</html>

來源

2012-07-25 22:18:10

這做到了謝謝！ – micahmills 2012-07-25 22:26:34

電子郵件中的圖像不顯示在IE中

回答

演示

代碼修改

相關問題