电子邮件中的图像未显示在IE中

时间:2012-07-25 22:12:08

标签: image internet-explorer html-email

我为客户创建了一封HTML电子邮件,然后让我将其发布到他们的服务器上以便在网上查看。这是一个基本的表格布局,包含图像和一些链接。

所有主要电子邮件客户端以及Chrome,Safari和Firefox都可以使用。但是,IE的所有版本都不会显示图像。你可以在这里看到这个网站。

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

我确认图像是RGB而不是CMYK,并通过验证器运行。似乎没有什么能解决这个问题。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

解决方案

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>