背景图像在html新闻稿中不起作用

背景图像在html新闻稿中不起作用,html,css,email,html-email,newsletter,Html,Css,Email,Html Email,Newsletter,我正在为电子邮件创建一个新闻稿,我为新闻稿添加了背景图像,但背景图像没有显示在电子邮件中的表格。我需要给出图像的在线路径。代码有错误吗? 请帮帮我 这是我的密码: .职位{ 字体系列:世纪哥特式!重要; 字体大小:20px; 颜色:白色; 字体大小:粗体; 文字装饰:下划线; 线高:1.2; } .地点,.状况{ 字体系列:世纪哥特式!重要; 字号:17px; 颜色:白色; } .应用信息{ 字体系列:世纪哥特式!重要; 字体大小:20px; 颜色:黑色!重要; } 全国妇女组织 招聘 加入

我正在为电子邮件创建一个新闻稿,我为新闻稿添加了背景图像,但背景图像没有显示在电子邮件中的表格。我需要给出图像的在线路径。代码有错误吗? 请帮帮我

这是我的密码:


.职位{
字体系列:世纪哥特式!重要;
字体大小:20px;
颜色:白色;
字体大小:粗体;
文字装饰:下划线;
线高:1.2;
}
.地点,.状况{
字体系列:世纪哥特式!重要;
字号:17px;
颜色:白色;
}
.应用信息{
字体系列:世纪哥特式!重要;
字体大小:20px;
颜色:黑色!重要;
}
全国妇女组织
招聘
加入团队
未平仓
IT支持
德里
(新生也可以申请)
行动执行官
德里和斋浦尔
(新生也可以申请)
数据库专家
德里
(来自卓越理财/知名机构的经验)
3-5年工作经验
全堆栈开发程序
德里
(来自卓越理财/知名机构的经验)
经验5-7年
销售主管/经理
德里
3-5年工作经验
立即申请
拉什米。bhattacharjee@axestrack.com
新德里Vasant Kunj Kishangarh一楼44E/9-110070
电话:8373902513
您的图像链接错误,“您的链接重定向到tinypic

相反,您应该获取图像源链接,在您的情况下,该链接是“”


这不是一个好的做法,您应该在服务器上托管自己的图像,因为tinpic可以删除它

我实际上看不到CSS/HTML中的背景图像,因此很难诊断您的具体问题

但尽管如此,在各种电子邮件客户端中渲染时,您仍会遇到背景图像问题。下面是一篇关于这个主题的综合文章,作者是Litmus:


正如文章中提到的,位于的“防弹背景图像”工具非常有用,它包含VML代码,可以在Outlook的问题版本中呈现背景图像

这里没有什么东西可以借助其他几个答案来尝试

  • 将图像参考路径更新为
    http://i67.tinypic.com/i69xzq.jpg
  • 将背景图像的内联CSS向下移动几级到
  • 使用
    background=”http://i67.tinypic.com/i69xzq.jpg“
    (就像你一样),或者试试`style=“background image:;”。避免CSS速记
  • 用于为Outlook生成VML代码

    <body>
        <div class="container">
            <table  border="0" width="100%" class="tbl_wrapper">
                <tr>
                    <td background="http://i67.tinypic.com/i69xzq.jpg" bgcolor="#ffffff" valign="top" style="text-align:center;color:black;background-repeat:no-repeat;background-size:100%"">
                        <!--[if gte mso 9]>
                        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;">
                        <v:fill type="tile" src="http://i67.tinypic.com/i69xzq.jpg" color="#ffffff" />
                        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                        <![endif]-->
                        <div>
                            <table width="100%">
                                <tr height="162px"></tr>
                                <tr>
                                    <!-- Email Content -->
                                </tr>
                            </table>
                        </div>
                        <!--[if gte mso 9]>
                        </v:textbox>
                        </v:rect>
                        <![endif]-->
                    </td>
                </tr>
            </table>
        </div>
    </body>
    
    
    
    请只在这里发布相关的代码/html,我们不需要所有其他内容。我在css或html中没有看到任何背景图像,请解释什么不起作用以及什么是预期行为?@esko我使用背景图像作为表属性。-非常感谢。使用背景图像对我来说非常有用!