2017-08-23 2 views
0
<!doctype html> 
<html> 
<head> 
<style> 
    @media screen and (max-width: 480px){ 
     #switcher { 
      display:block; 
     background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg') !important; 
     background-repeat: no-repeat !important; 
     background-position: center !important; 
     width: 300px !important; 
     height: 250px !important; 
    } 
    } 
</style> 
<body> 
    <a href="http://www.emailonacid.com"><span id="switcher"></span></a> 
</body> 

Darüber funktioniert in Gmail und Yahoo, aber nicht in Outlook und Mail.Ru. Irgendeine Idee?Hintergrundbild wird nicht in Outlook und Mail geladen.Ru

+0

Mögliche Duplikate von [Wie bekomme ich Outlook, um ein Hintergrundbild anzuzeigen?] (Https://stackoverflow.com/questions/32430160/how-can-i-get-outlook-to-display-a-background- image) –

+1

Dieser Code wird nie funktionieren, da Outlook Medienabfragen oder Hintergrundbilder auf diese Weise nicht unterstützt. Sie müssen versuchen, VML-Code wie @RasmusGlenvig bereits gepostet. – gwally

Antwort

2

background wird in Outlook nicht unterstützt, deshalb wird es nicht angezeigt.

Verwenden Sie diese background image tool, um ein Hintergrundbild zu generieren, das in Outlook angezeigt würde.

Fügen Sie den folgenden direkt nach der Eröffnung <body> tag:

<div style="background-color:#7bceeb;"> 
    <!--[if gte mso 9]> 
    <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"> 
    <v:fill type="tile" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg" color="#7bceeb"/> 
    </v:background> 
    <![endif]--> 
    <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tr> 
     <td valign="top" align="left" background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg"> 

und dieses Recht vor dem Schließen </body> tag:

 </td> 
    </tr> 
    </table> 
</div> 

Ich hoffe, dass es Ihnen hilft zu erreichen, was Sie wan't.

+0

OP möchte ein Hintergrundbild in einem span-Tag Ich glaube, der Code/Beispiel oben würde Hintergrund für die gesamte E-Mail anzeigen. Plus1 für die Antwort. – Syfer

+0

Es ist auch möglich, es in einer Tabellenzelle anstatt der gesamten E-Mail auszuwählen. Danke für die Verbesserung. :) – RasmusGlenvig

+0

Ja, es ist möglich. Das zweite Optionsfeld auf der Seite. Ich habe eine andere Variante des Zellhintergrundcodes verwendet, aber da deine Antwort und der Link es abdecken, sah ich keine Notwendigkeit für eine neue Antwort, die Dinge wiederholen würde ;-) – Syfer