android - HTML 电子邮件中的背景图像无法在 Android 6.0 和 4.4 上正确呈现

Question

我目前正在处理一封 HTML 电子邮件，但背景图片无法呈现，它是一部手机，屏幕内有另一张照片。它适用于其他电子邮件客户端，但对于 Android 6.0 和 Gmail 应用程序 IMAP Android 4.4，我只是在应该在手机屏幕上的图像后面得到一个灰色背景。在 HTML 或 CSS 中是否缺少某些东西或 android 对背景做了什么

<td class="rightContainr" width="260" style="max-width: 260px; max-width: 260px;">
            <!--[if (gte mso 9)|(IE)]>
              <table width="200" align="center" cellpadding="0" cellspacing="0" border="0">
                <tr>
                  <td>
            <![endif]-->
            <table class="phoneContainr" width="152" border="0" cellspacing="0" cellpadding="0" style="align:left; max-width: 152px;">
              <tr>
                <td class="phone" align="center" background="http://mailimages.texture.com/print-toGo_2016/background_day0_phone_200x360.png" style="background-image: url('http://mailimages.texture.com/print-toGo_2016/background_day0_phone_200x360.png'); background-size: 180px 324px;" bgcolor="#F2F2F2" width="152" height="312" valign="middle">
                  <!--[if gte mso 9]>
                    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:153px;height:324px;">
                      <v:fill type="tile" src="http://mailimages.texture.com/print-toGo_2016/background_day0_phone_200x360.png" color="#F2F2F2" />
                      <v:textbox inset="0,0,0,0">
                  <![endif]-->
                  <div>
                    <table class="cover" align="center" width="140" border="0" cellspacing="0" cellpadding="0" style="align:left; max-width: 126px;">
                      <tr>
                        <td class="cover"><img class="cover" src="http://image.email.texture.com/lib/fe9a12717365047e71/m/14/featured_story_280x330.jpg" width="126px" height="auto" alt="" style="display: block; max-width: 126px;"></td>
                      </tr>
                    </table>
                  </div>
                  <!--[if gte mso 9]>
                      </v:textbox>
                    </v:rect>
                  <![endif]-->
                </td>
              </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
                  </td>
                </tr>
              </table>
            <![endif]-->
          </td>

Answer 1

Gmail 应用程序的背景图片有问题。请阅读以下内容了解更多信息。

Background images show up fine in the Gmail app if the email was sent to and retrieved from a Gmail email address (ie. gmail.com).

This problem will become more acute as Google has dropped the native Android mail client in favor of the Gmail mobile app for their newest operating system starting from 5.0 (Lollipop). Users on Android devices who need to access their work email would have to use the Gmail app or a 3rd party mail app.

Full article

如果您真的想沿着这条路走下去，您可以使用两个图像并使用媒体查询在 Gmail 应用程序上控制它。使用 position 将一张图片放在另一张图片上(仅适用于移动屏幕宽度)，你应该可以开始了。请记住，Gmail 应用程序(最新版本)现在支持媒体查询，这将成为可能。

希望这能回答您的问题。