当前位置: 首页 > 面试题库 >

html电子邮件中的背景图片CSS-Gmail不支持

颛孙俊
2023-03-14
问题内容

我想向我的用户发送如下带有HTML正文电子邮件的背景图片CSS:

<div style='width:500px;height:1000px;background-color:black;background-image:url(http://upl0ad.org/images/mylogo.gif) repeat scroll left top;'>
    My Content
</div>

但正如下面的链接所说,谷歌不支持背景图像的CSS!

我该怎么办?


问题答案:

您是否尝试过设置表格的背景属性?

以下Mailchimp博客文章中详细介绍了推荐的方法:HTMLEmail中的背景图片和CSS。

示例 (在Gmail中测试)

    <table background="https://www.google.com/intl/en_com/images/srpr/logo3w.png" width="275" height="95">
        <tr>
            <td>
                Email Content...
            </td>
        </tr>
    </table>


 类似资料:
  • 我已经创建了发送电子邮件后,在詹金斯使用可编辑的电子邮件通知插件每次构建。在邮件正文中,我添加了由maven surefire Report生成的emailable-report.html。我发现这份报告在gmail中的外观有问题--尽管有Outlook,但它根本没有显示背景色。 因此,问题是如何在emailable-report.html中修改CSS样式以获得正确的视图?是否应该使用TestNG

  • 我正在编码HTML电子邮件,并试图得到一个背景横幅图像,以在Outlook2010,11,13,16呈现多少正确。当前使用此-http://backgrounds.cm/。我的问题是《Outlook 2010》和《Outlook 2013》似乎在背景图像上放大了。 我的代码: 这似乎是一个已知的问题,但我没有遇到任何修复。https://www.campaignmonitor.com/forums

  • 问题内容: 如果选择了该面板(单击该面板),则该面板的颜色为蓝色。另外,我在该面板上添加了一个小标志(图像),它表示所选面板之前已被选中。 因此,如果用户看到例如10个面板,其中有4个带有这个小标记,则他知道自己之前已经单击了这些面板。到目前为止,这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。 我使用css将面板设置为蓝色,使用设置背景图像。但是背景色似乎在图像上方,因此您看不

  • 问题内容: 如何在HTML顶部重复此1px x 1px CSS背景图像? 我在[其他包含的元素之上遇到了CSSshowdiv背景图片,但是似乎需要额外的div。理想情况下,我希望我根本不必使用div,但是根据HTMLimg上的[CSS背景图像这实际上是不可能的,至少对于100%宽度响应的场景而言并非如此。 问题答案: 您可以使用伪元素。在此示例中,伪元素 相 对于父元素绝对定位。它采用整个父元素的

  • 问题内容: 这是我的CSS脚本 我想把整个细胞伸展 问题答案: .style1 { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; backgrou

  • 问题内容: 应该是一个相当简单的问题。在我的网站上,我这样做: 我想做的是使背景图像变暗。由于我在该DIV中包含UI元素,因此我认为我真的不能在其上放置另一个div来使其变暗。有什么建议吗? 问题答案: 您可以将CSS3 LinearGradient属性与背景图像一起使用,如下所示: 这是一个演示: