Вопрос к тем кто верстает email письма под outlook?

Требуется сделать блок с фоном в виде картинки - и внутри него кнопка с закруглением
Пытаюсь сделать таким образом:
spoiler
<table>
    <tr>
        <td background="http://galiy-web.ru/email-images/header-bg.jpg" width="100%"
            style="background-image:url(http://galiy-web.ru/email-images/header-bg.jpg)" bgcolor="#71d6ff"
            height="250"
            valign="top" align="center">
            <!--[if gte mso 9]>
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"
                    style="width:520px;height:250px;">
                <v:fill type="tile" src="http://galiy-web.ru/email-images/header-bg.jpg" color="#71d6ff"/>
                <v:textbox inset="0,0,0,0">
            <![endif]-->
            <div>
                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td align="center">
                            <div><!--[if mso]>
                                <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                             xmlns:w="urn:schemas-microsoft-com:office:word" href="http://"
                                             style="height:44px;v-text-anchor:middle;width:168px;"
                                             arcsize="50%"
                                             stroke="f"
                                             fillcolor="#ffffff">
                                    <w:anchorlock/>
                                    <center>
                                <![endif]-->

                                <!--[if !mso]><!-->
                                <center>
                                    <a href="#" class="radius secondary transform-uppercase" href="#">Read
                                        More
                                    </a>
                                </center>
                                <!--[endif]-->

                                <!--[if mso]>
                                </center>
                                </v:roundrect>
                                <![endif]--></div>
                        </td>
                    </tr>
                </table>
            </div>
            <!--[if gte mso 9]>
            </v:textbox>
            </v:rect>
            <![endif]-->
        </td>
    </tr>
</table>

Но по ходу вложенность mso комментариев не работает?
Так как фон в виде картинки в outlook показывается, а кнопка внутри него нет. Получается работает либо фон либо кнопка с закруглением - при отключении каждого mso комментария по очереди.
  • Вопрос задан
  • 274 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы