Fatal编程技术网
  • html/
  • Html 未在Outlook和Mail.Ru中加载背景图像 @媒体屏幕和屏幕（最大宽度：480px）{ #切换器{ 显示：块； 背景：url（'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg")重要,； 背景重复：不重复！重要； 背景位置：中心！重要； 宽度：300px！重要； 高度：250px！重要； } }

Html 未在Outlook和Mail.Ru中加载背景图像 @媒体屏幕和屏幕（最大宽度：480px）{ #切换器{ 显示：块； 背景：url（'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg")重要,； 背景重复：不重复！重要； 背景位置：中心！重要； 宽度：300px！重要； 高度：250px！重要； } }

html outlook

Html 未在Outlook和Mail.Ru中加载背景图像 @媒体屏幕和屏幕（最大宽度：480px）{ #切换器{ 显示：块； 背景：url（'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg")重要,； 背景重复：不重复！重要； 背景位置：中心！重要； 宽度：300px！重要； 高度：250px！重要； } },html,outlook,html-email,Html,Outlook,Html Email,以上内容适用于Gmail和Yahoo，但不适用于Outlook和Mail.Ru。有什么想法吗？后台在Outlook中不受支持，这就是它不显示的原因 您可以做的是，使用此生成一个将在Outlook中显示的背景图像 在打开标签后添加以下内容： <!doctype html> <html> <head> <style> @media screen and (max-width: 480px){ #switcher {

以上内容适用于Gmail和Yahoo，但不适用于Outlook和Mail.Ru。有什么想法吗？

后台
在Outlook中不受支持，这就是它不显示的原因

您可以做的是，使用此生成一个将在Outlook中显示的背景图像

在打开标签后添加以下内容：

<!doctype html>
<html>
<head>
<style>
  @media screen and (max-width: 480px){
        #switcher {
          display:block;
        background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        width: 300px !important;
        height: 250px !important; 
    }
  } 
</style>
<body>
    <a href="http://www.emailonacid.com"><span id="switcher"></span></a>
</body>

<div style="background-color:#7bceeb;">
  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg" color="#7bceeb"/>
  </v:background>
  <![endif]-->
  <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" align="left" background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg">
在关闭标签的前面：

<!doctype html>
<html>
<head>
<style>
  @media screen and (max-width: 480px){
        #switcher {
          display:block;
        background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        width: 300px !important;
        height: 250px !important; 
    }
  } 
</style>
<body>
    <a href="http://www.emailonacid.com"><span id="switcher"></span></a>
</body>

<div style="background-color:#7bceeb;">
  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg" color="#7bceeb"/>
  </v:background>
  <![endif]-->
  <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" align="left" background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg">
我希望它能帮助您实现您不想实现的目标。

Outlook不支持背景，这就是它不显示的原因

您可以做的是，使用此生成一个将在Outlook中显示的背景图像

在打开标签后添加以下内容：


<!doctype html>
<html>
<head>
<style>
  @media screen and (max-width: 480px){
        #switcher {
          display:block;
        background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        width: 300px !important;
        height: 250px !important; 
    }
  } 
</style>
<body>
    <a href="http://www.emailonacid.com"><span id="switcher"></span></a>
</body>



<div style="background-color:#7bceeb;">
  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg" color="#7bceeb"/>
  </v:background>
  <![endif]-->
  <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" align="left" background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg">






在关闭标签的前面：


<!doctype html>
<html>
<head>
<style>
  @media screen and (max-width: 480px){
        #switcher {
          display:block;
        background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        width: 300px !important;
        height: 250px !important; 
    }
  } 
</style>
<body>
    <a href="http://www.emailonacid.com"><span id="switcher"></span></a>
</body>



<div style="background-color:#7bceeb;">
  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg" color="#7bceeb"/>
  </v:background>
  <![endif]-->
  <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" align="left" background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQY2xFICSLTeJuWDALDsvc7YtIAdsNVpDWtRtOaGgPyCaPoGkjUvg">







我希望它能帮助您实现您不想要的功能。
此代码的可能副本永远不会起作用，因为Outlook不支持以这种方式进行媒体查询或背景图像。您必须尝试类似@RasmusGlenvig posted的VML代码。此代码的可能副本将永远无法工作，因为Outlook不支持以这种方式进行媒体查询或背景图像。您必须尝试使用VML代码，如@RasmusGlenvig posted ready.OP。我相信，上面的代码/示例将显示整个电子邮件的背景。答案加1。也可以在表格单元格中选择，而不是在整个电子邮件中选择。谢谢你的投票。：）是的，这是可能的。这是页面上的第二个单选按钮。我一直在使用不同的手机背景代码，但由于您的答案和链接涵盖了它，我认为没有必要使用新的答案来重复这些内容；-）使用上面的代码显示背景图像，但我想在手机中打开背景图像时更改背景图像，以便固定。OP希望在span标记中显示背景图像我相信，上面的代码/示例将显示整个电子邮件的背景。答案加1。也可以在表格单元格中选择，而不是在整个电子邮件中选择。谢谢你的投票。：）是的，这是可能的。这是页面上的第二个单选按钮。我一直在使用不同的手机背景代码，但由于您的答案和链接涵盖了它，我认为没有必要使用新的答案来重复这些内容；-）使用上面的代码背景图像是显示，但我想改变背景图像时，它在手机上打开为钉目的。