How can I write a text on a picture in an e-mail (inline css)

Question

I create an html design in mail this code works in any browser but I try email design but it doesn't work. Can you help me?

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="x-apple-disable-message-reformatting">
    </head>

<body>
    <div style="position: absolute;">
        <img style="position: static; width: 550px;"
             src="imageUrl" alt="sss"/>
    </div>
    
    <h1 style="position: absolute; color: black; margin-top: 120px; margin-left: 150px;">Person name</h1>
</body>

</html>

I've tried;

table background and body background. Doesn't work.

I need to show my image and text. But it's not working. It just shows my text. Actually the css code works, but the image looks separate image. Text should appear on the picture.

Answer 1

I tried multiple methods. Gmail, Outlook etc. I've seen mail providers block css codes. Thanks for the comment. That's why I'm going to use simple backgrounds.

How can I write a text on a picture in an e-mail (inline css)

Question

1 answers

solution1
0 ACCPTED 2022-11-14 08:57:05

How can I write a text on a picture in an e-mail (inline css)

Question

1 answers

solution1 0 ACCPTED 2022-11-14 08:57:05

solution1
0 ACCPTED 2022-11-14 08:57:05