时间戳

首页 > 解决方案 > 如何在发送电子邮件的 Google 应用脚本的 html 服务中设置背景图片？

html - 如何在发送电子邮件的 Google 应用脚本的 html 服务中设置背景图片？

问题描述

我使用 Google 应用脚本发送电子邮件，但我无法在发送电子邮件之前设置背景图片。

我尝试了 jquery 和 css 来设置背景图像但不工作

此邮件不显示背景图片 在此处输入图像描述

<!DOCTYPE html>
<html>
   <head>
      <base target="_top">
      <!-- CSS only -->
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
      <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
      <?!= include("style");?>
   </head>
   <style>
      *{
      }
      body {
        background-image: url('cid:https://miyagen8.co.jp/wp-content/uploads/2021/11/background.png');
  
}
   </style>
  
   <body>
     <div  >
     
      <p> <?= client.company ?> </p>
      <p> <?= client.department ?> </p>
      <p> <?= client.derector ?> </p>
      <p> <?= client.name ?>様 </p>
      <p>いつもお世話になります。&lt;/p>
      <p>Text body</p>
     </div>
   </body>
</html>

谢谢

标签： htmljquerycssgoogle-apps-script

解决方案

从官方文档中，我认为background-image也许可以使用。因此，例如，在您的情况下，什么时候作为内联样式background-image包含在标签中body，这是您期望的结果吗？

从：

<body>

至：

<body style="background-image: url('https://miyagen8.co.jp/wp-content/uploads/2021/11/background.png')">

参考：

推荐阅读