html - 所有邮件的交叉 HTML

Question

知道为什么我的样式不能被 gmail 读取吗？

我想为所有可用的邮件系统创建这种电子邮件类型。

FIDDLE DEMO

<center>
    <div style='border-style: solid; border-width: 4px; border-color: rgb( 0, 0, 0 ); background-color: rgb( 255, 255, 255 ); width: 644px; height: 276px; z-index: 1; top: 30px; position: relative;'>
    <img style='position: relative; top: -25px; right: 38%;' src='http://s22.postimg.org/nvlewer9p/100x100.png'></img>
        <div style="text-align: justify; position: relative; top: -50px; width: 65%; margin-left: 75px;">
        <p style="font-family: Arial; font-size: 16px;">Hey!</p>
        <p style="font-family: Arial; font-size: 12px;">Newsletter
        <br /><br /><br />
        Thank you!
        <br />
        Email
        </p>
        </div>
    </div>
</center>

Answer 1

要回答您的实际问题，Gmail 不支持 CSS position、top 和 right 等。原因是他们不希望您 position:fixed; 在他们基于网络的界面上。这会破坏他们的页面，因此他们会限制您可以使用的内容。

这是 CSS support chart (完整图表见 PDF 版本)