Question

我目前正在制作HTML电子邮件＆amp;背景图像无法渲染，它是一部手机，屏幕内有另一张照片。它适用于其他电子邮件客户端，但适用于Android 6.0＆amp; Gmail应用程序IMAP Android 4.4我只是在图像后面看到灰色背景，假设是在手机屏幕中。是否有遗漏或Android在HTML或CSS中对背景做的事情

<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应用上的背景图片存在问题。请阅读以下内容以获取更多信息。

如果发送电子邮件，背景图片会在Gmail应用中显示正常   从Gmail电子邮件地址（即.gmail.com）获取并检索。

随着谷歌放弃本机，这个问题将变得更加尖锐   Android邮件客户端支持最新的Gmail移动应用程序   操作系统从5.0开始（Lollipop）。 Android上的用户   需要访问其工作电子邮件的设备必须使用   Gmail应用或第三方邮件应用。

Full article

如果您确实想沿着这条路走下去，可以使用两张图片并使用媒体查询在Gmail应用上控制它。使用位置将一个图像放在另一个图像上（仅适用于移动屏幕宽度），您应该很高兴。请记住，Gmail应用程序（最新版本）现在支持媒体查询，这是可能的。

希望这能回答你的问题。

HTML电子邮件中的背景图片无法在Android 6.0及更高版本上正确呈现4.4

1 个答案: