Сделать картинку фоном в HTML письме

Question

Вот макет

Вот код

<table align="center" cellpadding="0" cellspacing="0" width="100%" style="max-width: 464px; min-width: 290px;">
    <tr>
       <td align="center">
           <table align="center" cellpadding="0" cellspacing="0" width="80%" border="0" style="background: linear-gradient(180deg, #FFEA87 0%, #FFFAE5 100%);border-radius: 5px;border-spacing:0;border-collapse:separate; overflow: hidden; text-align: center; max-width: 288px; min-width: 136px;">
                    <tr>
                        <td align="center" height="20" valign="middle" width="100%"><a href="#" target="_blank" style="text-decoration: none; color: #000000; background: linear-gradient(180deg, #FFEA87 0%, #FFFAE5 100%);display: block;font-family: 'Play', Tahoma, sans-serif; font-size: 11px; font-weight: 400; width: 100%; line-height: 12px; ">Переход на сайт</a></td>
                    </tr>
              </table>
       </td>
    </tr>
</table>

То есть получается вот так

Как можно вставить картинку крана за кнопкой "переход на сайт" ?

Answer 1

попробуйте задать backgoung-image тэгу. или сделать див на одном ряду с td и сделать ему z-index -1. Еще можно сделать через position absolute

БЛОГ НА HUSL

Сделать картинку фоном в HTML письме

Ответы (1 шт):