Невозможно перекрывать изображения в Outlook с помощью HTML. ⇐ Html

[Anonymous]

Я работаю над созданием шаблона электронного письма на день рождения с помощью Power Automate. Моя цель — динамически размещать и перекрывать изображения в шаблоне. Однако когда я запускаю поток и отправляю электронное письмо, изображения не перекрываются, как ожидалось.
Ниже приведен HTML-код, который я использую в теле письма:

Код: Выделить всё

.template {
position: relative;
width: 800px;
height: 600px;
font-family: Arial, sans-serif;
}

.background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}

.profile-photo {
position: absolute;
top: 20px;
right: 20px;
width: 100px;
height: 100px;
border-radius: 50%;
z-index: 2;
}

.main-photo {
position: absolute;
z-index: 1;
}

.photo1 {
top: 150px;
left: 50px;
width: 200px;
height: 300px;
}

.photo2 {
top: 150px;
left: 300px;
width: 200px;
height: 300px;
}

.photo3 {
top: 150px;
left: 550px;
width: 200px;
height: 300px;
}

.title {
position: absolute;
top: 50px;
left: 50px;
font-size: 36px;
font-weight: bold;
color: white;
z-index: 2;
}






[img]cid:background[/img]


Happy Birthday


[img]cid:profile[/img]


[img]cid:photo1[/img]
[img]cid:photo2[/img]
[img]cid:photo3[/img]

Подробнее здесь: https://stackoverflow.com/questions/793 ... using-html