Не отображается SVG в <div title> (Gmail проблема)

265

02 августа 2017, 23:03

Сделал шаблон для рассылки писем с дизайном и прочим. Столкнулся с одной проблемой: не отображаются никакие изображения в начале письма. Какая-то аномалия. На разных почтовых сервисах: Yahoo и других полет нормальный, все отображается. Может кто знает какие есть варианты? Перепробывал уже все, gmail уперся и все. Подскажите, пожалуйста. Спасибо.

<!DOCTYPE html> 
{{define "invite"}} 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 
</head> 
<body> 
<div class="content block"> 
 
<div id="cr" class="content" style="margin-bottom: 40px; margin-top: 2px;width: 589px;color:#FFFFFF;margin:0 auto;"> 
    <div class="title" style="position: relative;margin-left: -4px;height: 30px; 
width: 46px;"><svg width="598px" height="38px" viewBox="0 0 598 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 
        <defs> 
            <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1"> 
                <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> 
                <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> 
                <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> 
                <feMerge> 
                    <feMergeNode in="shadowMatrixOuter1"></feMergeNode> 
                    <feMergeNode in="SourceGraphic"></feMergeNode> 
                </feMerge> 
            </filter> 
            <path d="M14.6953125,-1.42108547e-14 L237.634565,-1.42108547e-14 C259.977671,-1.42108547e-14 304.284683,14.9312749 326.627788,14.9312749 L577.430254,14.9312749 C583.938447,14.9312749 589.214381,20.2094173 589.214381,26.7268892 L589.221217,29.118021 L0.0068359375,29.1220703 L-1.70530257e-13,11.791565 C-1.70530257e-13,5.27926349 8.18174921,-1.42108547e-14 14.6953125,-1.42108547e-14 Z" id="path-2"></path> 
        </defs> 
        <g id="Gestionale" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 
            <g id="Group-Copy" filter="url(#filter-1)" transform="translate(4.000000, 2.000000)"> 
                <g id="Group-Copy-2"> 
                    <g id="Rectangle-18-Copy"> 
                        <mask id="mask-3" fill="white"> 
                            <use xlink:href="#path-2"></use> 
                        </mask> 
                        <use id="Mask" fill="#0D4585" xlink:href="#path-2"></use> 
                    </g> 
                </g> 
            </g> 
        </g> 
    </svg></div> 
    <div class="main_content" style="background-color: #0D4585; 
            padding:0px;"> 
 
        <div class="text"> 
 
            <table width="589" cellpadding="20px" cellspacing="0px"> 
 
                <tr> 
 
                    <td style="padding: 0px !important;"> 
                        <div style="height: 202px; width: 589px; overflow: hidden;"> 
                            <img src="{{.CustomData.STORAGE_url}}/public/companies/covers/{{.CustomData.Coid}}.jpg?token={{.LinksToken}}" alt=""  width="589px"> 
                            <!--<img src="{{.CustomData.STORAGE_url}}/public/companies/logos/{{.CustomData.Coid}}.jpg?token=lg{{.LinksToken}}" alt=""  width="128px" style="margin-top:-249px; margin-left:10px;">--> 
                        </div> 
                    </td> 
                </tr> 
                <tr> 
                    <td style="color:#FFFFFF;margin-left: 15px;margin-right: 15px" > 
                        Ciao {{.CustomData.Nome}},<br> 
                        Congratualazioni! Sei invitato da un recruiter a registrare una Pending Interview per la posizione di {{.CustomData.C_Title}} presso {{.CustomData.Company_name}} ({{.CustomData.City}}).<br><br> 
                        <p class="decriptioncampaign" style="padding: 0px; 
      margin:0px;font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size: 9pt; /* Размер шрифта в пунктах */ 
            text-indent: 3.9em; /* Отступ первой строки */ 
            text-align: 1em; /* Выравнивание по ширине */ 
            font-style: italic;"> 
                            {{.CustomData.Description}} 
                        </p> 
                    </td> 
                </tr> 
                <tr> 
                    <td style="text-align: center; font-style:italic; padding:20px 0px; color:#FFFFFF">Scarica l'app con questi link!</td> 
                </tr> 
                <tr> 
                    <td> 
                        <table style="width: 100%;"> 
                            <tr> 
                                <td style="width: 50%; text-align: right; padding-right: 10px;"><img src="{{.MailAssets}}/appstore.png" alt="" width="190" height="58"></td> 
                                <td style="width: 50%; padding-left: 10px;"><img src="{{.MailAssets}}/google.png" alt="" width="190" height="58"></td> 
                            </tr> 
                        </table> 
                    </td> 
                </tr> 
                {{.CustomData.AccessData}} 
                <tr><td style="text-align: center; font-style:italic; padding:20px 0px; color:#FFFFFF">è il tuo momento per splendere! Buona fortuna</td></tr> 
                <tr> 
                    <td> 
                        <table style="width: 100%;"> 
                            <tr> 
                                <td style="width: 50%; color:#FFFFFF;margin-left: 25px;"> 
                                    <!--Contatto:<br>Nome: .CustomData.R_LastName .CustomData.R_FirstName <br>Email:  .CustomData.R_Email--> 
                                </td> 
                                <td style="width: 50%; color:#FFFFFF"><img src="{{.MailAssets}}/firma.png" alt="" width="328" height="44"></td> 
                            </tr> 
                        </table> 
                    </td> 
                </tr> 
            </table> 
        </div> 
    </div> 
    <div class="bottom_footer" style="display: block; 
            height: 14px; 
            background: url('{{.App_site_address}}/static/assets/bottom_title_mail.png') no-repeat;">&nbsp;</div> 
</div> 
</div> 
</body> 
</html> 
 
{{end}}