SVG边框1px纯灰色GMAIL

时间:2017-04-19 13:07:25

标签: html css svg gmail html-email

我尝试在this教程之后发送合并的.svg + .png电子邮件。使用gmail应用程序(无法加载.svg)进行测试时,我会在图像中显示一个带有1px灰色边框的空img。

enter image description here

下面我粘贴那个案例的代码:

 <style>
   .showy {
     height: 70% !important;
     width: auto !important;
   }
   .no-showy {
     display: none;
   }
 </style>
 <table width="90%" height="100%" style="max-width:510px;margin:10px auto;">
   <tr>
     <td>
       <img class="showy" width="0" height="0" style="max-height:70px; margin:15px auto;" src='data:image/svg+xml;utf8,<svg ....../></svg>' />
       <img class="no-showy" style="max-height:70px; margin:15px 0;" src="http://example.com/mailing/images/header.png" />
     </td>
   </tr>
 </table> 

0 个答案:

没有答案