Блог

Главная - Вопросы по программированию - как установить фоновое изображение в html-сервисе Google app script для отправки электронной почты?

как установить фоновое изображение в html-сервисе Google app script для отправки электронной почты?

#html #jquery #css #google-apps-script

Вопрос:

Я использую Google app script для отправки электронной почты, но я не могу установить фоновое изображение перед отправкой электронной почты.

Я пробовал 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>いつもお世話になります。</p>
      <p>Text body</p>
     </div>
   </body>
</html>

Спасибо

Комментарии:

1. сначала вы должны проверить, работает ли добавленный вами URL-адрес изображения или нет.

Ответ №1:

Из официального документа я подумал, что background-image это можно использовать. Так, например, в вашей ситуации, когда background-image он включен в тег body как встроенный стиль, вы ожидаете такого результата?

От:

 <body>

Для:

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

Ссылка:

Ответ №2:

Посмотрите это для примера. Из того, что я могу сказать, это недопустимая ссылка: cid:https://miyagen8.co.jp/wp-content/uploads/2021/11/background.png потому что вы устанавливаете два cid протокола и https . Поэтому удалите cid: , и он должен работать с этим: https://miyagen8.co.jp/wp-content/uploads/2021/11/background.png

Комментарии:

1. Я пробовал ваш способ раньше, но он не работал. Итак, я ссылаюсь на эту страницу, которую эта страница добавляет cid в мой код, но она по-прежнему не работает.

2. Я добавил фотографию в раздел вопросов выше. Надеюсь, вы поможете

Метки: