VML фоновое изображение

Question

У меня есть новый вызов, который я не видел размещены или здесь ответа ....

У меня есть изображение, которое должно отображаться в верхнем правом углу сообщения электронной почты в Outlook, но это изображение рассматривается как фоновое изображение - основное содержимое электронной почты плавает над ним. Файл изображения НЕ является шириной электронной почты. Это около 15% ширины электронной почты и, возможно, 20% высоты.

Тело электронной почты должно быть 640px в ширину, высота переменной. Изображение имеет ширину 203px и высоту 432px.

Я использую VML для отображения фонового изображения в Outlook. Изображение установлено как фоновое изображение тега <td>, и этот тег содержит несколько дополнительных таблиц, которые предоставляют тело электронной почты (следовательно, переменную высоту). Изображение должно появляться только один раз в верхнем правом углу td.

Будет ли координация и координация действительным подходом, чтобы сохранить изображение в одном месте или это негативно повлияет на td, содержащее остальную часть тела электронной почты?

Любая помощь будет оценена по достоинству.

Answer 1

Ниже голый минимум, вы должны добиться того, что вы просите:

<!-- main containing table --> 
<table width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tr> 
    <td align="center"> 
     <!-- main body table --> 
     <table class="w320" width="640" cellpadding="0" cellspacing="0" border="0" style="position:relative;"> 
     <tr> 
      <td style="position:relative;> 
      <!--[if gte mso 9]--> 
      <v:image src="...yourimagehere.jpg" style="width:203px;height:432px;position:absolute;top:0;right:0;z-index:-1;" /> 
      <![endif]--> 

      Your email here 

Имейте в виду, что при использовании отрицательного Z-индекса на объектах VML при использовании цвета фона на теле вашей электронной почты приведет к отображению объекта VML позади bgcolor

VML позволяет намного больше стилей, чем ваш типичный HMTL, отображаемый в текстовом процессоре, в полной мере использовать все возможности.

На самом деле я не могу вспомнить, работает ли «право» для позиции в Outlook. если не просто использовать левый: 397px; вместо.

Надеюсь, что это поможет