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

[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