Итак, я подумал, что я собираюсь создать Html-письмо в Gmail, это будет легко ... Я прочитал несколько статей об этом, при создании письма оно может иметь только встроенный стиль и ничего в заголовке.ок.
Я открываю gmail..com, пишу письмо ... введите произвольный текст ... выделите текст ... щелкните по нему правой кнопкой мыши ... проверьте ... отредактируйте HTML ... и вставьте мойHTML исходный код, где мой случайный текст был.Вуаля!Выглядит хорошо.Но когда я отправляю электронное письмо (или просто сохраняю его как черновик и просматриваю его) мой внутренний фон div тоже становится фоном внешнего div, он перекрывает его. Я попытался вставить весь исходный кодЯ попытался вставить <body>...</body>
, и я также попытался вставить только код из самого внешнего div. Почему Gmail удаляет мой стиль?
Это мой код:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="color: #FFFFFF; padding:30px;">
<div style="border-radius: 25px; background-image: url(https://images.unsplash.com/photo-1529088363398-8efc64a0eb95?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=179403fa836a063432aec8ccc04ee248&auto=format&fit=crop&w=424&q=80); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 400px; color: #ACA394; text-shadow: 1px 1px #000000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; width: 100%">
<div style="width: 100%; text-align: center; background-color: rgb(0,0,0,0.5);">
<h1><b>Title</b> Subtitle</h1>
<h2>Some text</h2>
</div>
</div>
</div>
</body>
</html>