我的html标志不能在电子邮件工作 - My html logo can not work in email

My html logo can not work in email

我试图为用户重置密码的电子邮件编码，并希望在电子邮件中包括我的网站的标志。当我用iphone打开邮件时，logo可以正确出现，但是当我通过yahoo.com网站打开并登录邮件时，logo没有出现

这是我的邮件:

$message='
    <!doctype html>
    <html>
    <head><meta charset="UTF-8"><title>lsere Message</title></head>
    <body>
    <header style="border-bottom:2px solid #f0f0f0;padding-bottom:20px;"><div style="margin-top:15px;
        box-shadow:1px 1px 10px gray;
        border-radius:5px;
        width:100px;
        margin-left:15px;
        text-align:center;
        padding-top:5px;
        padding-bottom:5px;
        color:white;
        font-size:25px;
        font-weight:bold;
        background: -webkit-linear-gradient(#a13030, #780000); 
        background: -o-linear-gradient(#a13030,#780000); 
        background: -moz-linear-gradient(#a13030,#780000); 
        background: linear-gradient(#a13030,#780000); 
        ">
        L''sere
    </div>
    </header>
    <div>
    Reset Lsere account password<br>
    <div><a href="http://localhost/social_network/reset_password.php">Click here to reset your password</a></div>
    <div>Or you can enter your six digits confirmation code and continue on the lese page</div>
    <div>Your confirmation code is <span style="background:#f0f0f0; padding:2px;">'.$confirmation_code.' <span></div>
    </div>

    </body>
    </html>';   
    $headers = 'From: kesongxie646@gmail.com'n';
    $headers.='MIME-Version: 1.0'."'r'n";
    $headers.='Content-type: text/html; charset=iso-8859-1'."'r'n";

你的Iphone已经扩展了对复杂CSS的支持，但是就像Vincent说的，webmail并没有为这种复杂的支持提供扩展支持，当你想到它的时候，我知道浏览器不支持。

所以你最好放弃CSS版本，开始考虑实际插入图像