Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Outlook不呈现背景图像css属性_Html_Css_Image_Outlook_Background Image - Fatal编程技术网

Html Outlook不呈现背景图像css属性

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

当用户在我的应用程序上创建帐户时,他们会收到一封带有凭据的电子邮件

此电子邮件包含两个图像,一个带有徽标,另一个作为背景图像

徽标one在outlook中呈现,没有任何问题,其编程如下:

<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;
        }