image de fond VML

Question

J'ai un nouveau défi, que je ne l'ai pas vu ou posté de réponse ici ....

j'ai une image qui doit apparaître dans le coin supérieur droit d'un e-mail dans Outlook, mais cette image est traitée comme une image de fond - le contenu principal de l'e-mail est flotté dessus. Le fichier image n'est pas la largeur de l'email. C'est environ 15% de la largeur de l'email et peut-être 20% de la taille.

Le corps de l'e-mail doit avoir une largeur de 640px, la hauteur est variable. L'image a une largeur de 203 pixels et une hauteur de 432 pixels. J'utilise VML pour afficher l'image d'arrière-plan dans Outlook. L'image est définie comme étant l'image d'arrière-plan d'une balise <td> et cette balise contient un certain nombre de tables supplémentaires qui fournissent le corps de l'e-mail (d'où la hauteur variable). L'image ne doit apparaître qu'une seule fois en haut à droite du td.

Coordorigin et la coordination seraient une approche valide pour garder l'image à un seul emplacement, ou aurait-il un impact négatif sur le td contenant le reste du corps de l'e-mail?

Toute aide serait appréciée.

Answer 1

est inférieur au strict minimum dont vous avez besoin pour obtenir ce que vous demandez:

<!-- 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 

Gardez à l'esprit que l'utilisation d'un z-index négatif sur les objets VML lorsque vous utilisez une couleur de fond sur le corps de votre e-mail résultera en l'affichage de l'objet VML derrière le bgcolor

VML autorise beaucoup plus de styles que votre HMTL typique rendu dans le traitement de texte, profitez-en pleinement là où vous le pouvez.

Je ne peux pas vraiment me souvenir si "droite" fonctionne pour la position dans Outlook. si ce n'est pas juste utiliser à gauche: 397px; au lieu.

Espérons que cela aide