Html Outlook不呈现背景图像css属性
当用户在我的应用程序上创建帐户时,他们会收到一封带有凭据的电子邮件 此电子邮件包含两个图像,一个带有徽标,另一个作为背景图像 徽标one在outlook中呈现,没有任何问题,其编程如下:Html Outlook不呈现背景图像css属性,html,css,image,outlook,background-image,Html,Css,Image,Outlook,Background Image,当用户在我的应用程序上创建帐户时,他们会收到一封带有凭据的电子邮件 此电子邮件包含两个图像,一个带有徽标,另一个作为背景图像 徽标one在outlook中呈现,没有任何问题,其编程如下: <img align="center" alt="" src="https://gallery.mailchimp.com/......"> background-image:url("https://gallery.mailchimp.com/......"); 是否有一种解决方案可以用htm
<img align="center" alt="" src="https://gallery.mailchimp.com/......">
background-image:url("https://gallery.mailchimp.com/......");
是否有一种解决方案可以用
html标记替换css属性背景图像
,并且仍然将图像保留在背景中
更新1
背景图像所在的HTML:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top" id="templateHeader" data-template-container>
您的问题的一个可能解决方案是:将
包装在
中,然后再包装在
中,而不是将背景图像
图像放在单独的CSS文件中,直接使用背景:url()
:
您可以使用此代码
正文{
保证金:0;
填充:0;
}
#模板头{
背景色:#F7F7F7;
背景图像:url(“https://d1cr57qij2cwzh.cloudfront.net/wp-content/uploads/2017/11/EOA_OutlookImageSupport_Blog-1200x675.jpg");
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
边界顶部:0;
边界底部:0;
填充顶部:250px;
填充底部:250px;
}
您能告诉我们应该显示背景图像的HTML,以及用于应用背景图像的选择器吗?@eskwayrd更新了问题。看起来您的HTML+CSS是正确的。但是,OutLook的某些版本似乎不支持background
样式,根据:@eskwayrd,我已经知道,我要求的是“background”替换一个可能有效的策略是在表格单元格中放置两个图像,并应用定位和z-index来实现您想要的效果。以前尝试过这种方法,但它不起作用,Outlook 2016桌面不支持任何背景属性。我刚才说的是最新的。。。Outlook express。。。你为什么希望它在以前的outlook上工作?商业世界。并不是每个客户机都有最新版本的outlook,其中一些客户机被困在outlook 2003上(谢天谢地,它在该版本中工作)。我不能认为每个人的软件都是最新的。对于每个人来说,这不是一个正常的商业应用程序,而是一个特定于业务的工具@校长
#templateHeader{
background-color:#F7F7F7;
background-image:url("https://gallery.mailchimp.com/......");
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:0;
border-bottom:0;
padding-top:45px;
padding-bottom:45px;
}
<td style="background:url("https://gallery.mailchimp.com/......"); top center /cover repeat;" align="center" valign="top" id="templateHeader" data-template-container>
#templateHeader{
background: url("https://gallery.mailchimp.com/......");
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:0;
border-bottom:0;
padding-top:45px;
padding-bottom:45px;
}