Как сделать так, чтобы изображение отображалось как фон стола, а не тело?

Я знаю, что Outlook на самом деле не отображает изображения для фона, но с помощью найденного мной пуленепробиваемого фона мне удалось добавить фон. Однако я хотел, чтобы фон был только внутри таблицы (что составляет 600 пикселей). Он работает в любой другой электронной почте, кроме Outlook (я использую Outlook 2010, поэтому, вероятно, он не работает и в Outlook 2007-2016). В Outlook фон охватывает все тело, а не только таблицу.

Я пытался добавить фоновое изображение в td, но изображение все равно выходит за пределы таблицы.

<table>
        <tr>
            <td style="background-image:url('image-here');background-repeat:no-repeat;background-position:top;" border="0" cellspacing="0" cellpadding="0" background="image-here">
                <!--[if gte mso 9]>
                    <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
                    <v:fill type="tile" src="image-here" color="#ffffff" />
                    </v:background>
                <![endif]-->
                    <table>
                         content here
                    </table>            
            </td>
        </tr>
</table>

html email outlook html-email vml
person tamadako    schedule 21.10.2019    source источник
comment
хм... немного неясно, что вы здесь говорите.. Вы говорите, что Outlook не будет отображать с использованием объявлений стиля css, но с помощью тегов поставщика и векторной разметки вы можете отображать изображение, но все еще не не придерживаться деклараций стиля. Итак.. каков ваш вопрос? Как применить объявления стиля css к vml в этом сценарии? ... также, это ратифицированное изображение или векторное изображение?   -  person Brett Caswell    schedule 21.10.2019
comment
Вам нужно установить ширину и высоту фоновых изображений. Я полагаю, если вы видите, что ваше фоновое изображение работает, вы установили это? Если это так, не могли бы вы опубликовать свой фактический код. Поможет нам правильно отлаживать.   -  person Digital_Frankenstein    schedule 21.10.2019

Ответы (1)


arrow_upward
-1
arrow_downward

Попробуйте разместить свой встроенный стиль в теге таблицы.

<table class="table" style="background-image: url('image-here');">
person krlshnx    schedule 21.10.2019
comment
Определение фонового изображения для таблицы не имеет значения, поскольку ячейка таблицы просто наследует ширину от таблицы. - person Digital_Frankenstein; 21.10.2019