css - HTML Email : put transparent background color on image and text on it -


i have text on transparent background layer , background layer on image.

as making html emailer , can't use background-image property. have use img tag.

how can so?

<table>    <tr>      <td>        <img src="http://www.hubilo.com/eventapp/ws/images/event/cover/facebook/thumb/2712_1467715620.jpg" style="width: 600px; height: 300px;">        </td>      </tr>   </table>

i want transparent background color layer on image , text on background color layer.

ps: can't use div , position. have stick table tag , inline css only.

thank you.

you can use 2 tables that.

  <table class="main-background" width="600px" cellspacing="0" cellpadding="0" border="0" bgcolor="#222325" align="center" style="border-collapse: collapse;   mso-table-lspace: 0pt;mso-table-rspace: 0pt; background-repeat: no-repeat; background-size: cover;" background="http://www.hubilo.com/eventapp/ws/images/event/cover/facebook/thumb/2712_1467715620.jpg">  <tbody>  <tr>  <td height="300" valign="top" align="center" style="">                                <table width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="container" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; background:rgba(245,86,26,0.4);">    <tbody>  <tr><td>your text</td></tr><tr><td>your text</td></tr><tr><td>your text</td></tr><tr><td>your text</td></tr></tbody></table>    </td></tr></tbody></table>

try using code.


Comments