HTML для электронной почты/Outlook, как получить изображение для обрезки (переполнение: скрытое) в зависимости от высоты текста

Question

Я работаю над преобразованием дизайна электронной почты PSD и шаблона электронной почты HTML. Я знаю, что работа над HTML для электронной почты - это как веб-дизайн в 90-х. Предупреждали клиента, что это может быть невозможно, и я пробовал несколько хаков, и до сих пор ничто из того, что я пробовал, не сработало.

В этом случае проблема: дизайн электронной почты имеет границу, проходящую по каждой стороне тела письма. Граница не восстанавливается с помощью html, так как это причудливая граница, с некоторой теневой тканью и тиснением.

Поскольку длина этой электронной почты составляет вертикальную длину, и каждое электронное письмо будет иметь разную вертикальную длину в зависимости от количества текста, я надеялся, что будет безопасный способ электронной почты, чтобы, возможно, использовать одно большое изображение, которое будет обнаружено поскольку больше текста сделало это необходимым.

С обычным веб-дизайном я бы использовал фоновое изображение и переполнение: скрыто. Тем не менее, они не работают с последней версией Outlook. Я пробовал ряд других трюков, но, похоже, не мог получить желаемый результат.

Есть ли у кого-нибудь предложения или я вернусь к клиенту и скажу им, что это невозможно?

Answer 1

Мой лучший совет для электронных писем HTML заключается в том, чтобы держать его простым и при разработке, чтобы избежать таких вещей, как причудливые фоны и границы. Но мы все знаем, что иногда у дизайнеров есть другие идеи, и мы должны работать с тем, что у нас есть.

Следующая лучшая вещь - прогрессивное улучшение - используйте причудливую границу фона, где она работает, и иметь приемлемый запасной вариант там, где это не так.

Наконец, я не уверен, что вы пробовали, но всегда есть Stig's Bulletproof Email Background Images от Campaign Monitor.

Надеюсь, это даст вам несколько идей о том, как продолжить.