Gmail Android App Does Not Display Background Image in HTML Email

HTML email. All first and last love.

I created a tabular letter with a background image with text overlay as the "hero" module. I used the background image on div / inline CSS. Works great everywhere except Outlook 2010/2013, and the native Android Gmail app.

Has the Android Android app stopped supporting background images?

Even that didn’t work ... a bulletproof sample (backgrounds.cm) to illustrate, and litmus says it doesn’t go to Outlook and the Android gmail app.

<table>
<tr>
<td background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNR9_Ru7wFZQLYHFXkeobjz0VoSFcC6-ieN7yWBa0dsnHhvZ8-IPSmpKw" bgcolor="#7bceeb" width="580" height="240" valign="top">
  <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:240px;">
    <v:fill type="fill" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNR9_Ru7wFZQLYHFXkeobjz0VoSFcC6-ieN7yWBa0dsnHhvZ8-IPSmpKw" color="#7bceeb" />
    <v:textbox inset="0,0,0,0">
  <![endif]-->
  <div>
      Please work, please, darn it
        </div>
  <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
</td>
</tr>
</table>
+4
source share
1 answer
. .

, CSS, this . - , Gmail CSS :

Gmail ( ). - URL-, . :

background: #000; /*This will be accepted */

background: #000 url(http://www.test.com/test.jpg); /* This entire line will be ignored */


, , , <table>, * ...

<table class="table"> 

... :

<style>
    .table {
        background-image: url(https://www.example.com/image.jpg/);
    }
</style>

background-image CSS, background HTML ( , Gmail).

<table class="table" background="https://www.example.com/image.jpg/" style="background-image: url(https://www.example.com/image.jpg/);">

* Outlook, Outlook . >


: , ​​ , , .

, , URL-, . Gmail - , , .

0

Source: https://habr.com/ru/post/1627392/


All Articles