在电子邮件模板中使用position:absolute
安全吗?电子邮件模板位置绝对?
9
A
回答
12
取决于您的用户正在使用哪些邮件客户端。 Outlook例如处理位置:绝对好,另一方面雷鸟不。
我会尽量设计您的邮件模板为“正常”。例如桌子(yuck)。
请参阅下页关于HTML邮件的造型技巧,包括一些位置绝对建议:
3
据Style in Email,既不AOL
(之前版本9),也不Mozilla Mail
/ThunderBird
(所有版本)都支持电子邮件正文中的绝对定位。
7
添加到一个老问题,我知道 - 但我可以证实,Gmail目前都不支持position:absolute。
3
它不是一个安全的方式使用电子邮件发件人的绝对位置,因为所有的电子邮件服务器的did'nt使用现在的位置是绝对的,你们可以使用
<table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);max-width:600px;" border="0" cellspacing="0" cellpadding="20" background="http://wallpapercave.com/wp/BGGdOwY.jpg">
<tbody>
<tr>
<td align="left" valign="top">
<p Style="Margin-top:45px; text-align:left; line-height: 24px; letter-spacing: 0.55px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">Dear Artist/Vendor,</p>
<p Style="text-align:justify; line-height: 24px; letter-spacing: 0.55px; Margin-top:10px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">We've received a request to reset your password. If you didn't make the request, just ignore this email. Otherwise, you can reset your password using this link:</p>
</td>
</tr>
</tbody>
</table>
甚至你们可以在另一个TD
<!DOCTYPE html>
<html lang="en">
<head>
\t <meta charset="utf-8">
\t <meta http-equiv="X-UA-Compatible" content="IE=edge" />
\t <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
\t <meta name="viewport" content="width=device-width" >
\t <title></title>
</head>
<body style="Margin:0px; Padding:0px;">
\t <table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);" border="0" cellspacing="0" cellpadding="0">
\t \t <tbody>
\t \t \t <tr>
\t \t \t \t <td align="center" valign="top">
\t \t \t \t \t <table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);max-width:600px;" border="0" cellspacing="0" cellpadding="20" background="http://wallpapercave.com/wp/BGGdOwY.jpg">
\t \t \t \t \t \t <tbody>
\t \t \t \t \t \t \t <tr>
\t \t \t \t \t \t \t \t <td align="center" valign="top">
\t \t \t \t \t \t \t \t \t <table width="100%" align="center" style="Margin:0px auto; Padding:0px; border-collapse:n-left: 20px; max-width:600px; " border="0" cellspacing="0" cellpadding="0" >
\t \t \t \t \t \t \t \t \t \t <tbody>
\t \t \t \t \t \t \t \t \t \t \t <tr>
\t \t \t \t \t \t \t \t \t \t \t \t <td align="left" valign="top">
\t \t \t \t \t \t \t \t \t \t \t \t \t <p Style="Margin-top:45px; text-align:left; line-height: 24px; letter-spacing: 0.55px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">Dear Artist/Vendor,</p>
\t \t \t \t \t \t \t \t \t \t \t \t \t <p Style="text-align:justify; line-height: 24px; letter-spacing: 0.55px; Margin-top:10px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">We've received a request to reset your password. If you didn't make the request, just ignore this email. Otherwise, you can reset your password using this link:</p>
\t \t \t \t \t \t \t \t \t \t \t \t </td>
\t \t \t \t \t \t \t \t \t \t \t </tr>
\t \t \t \t \t \t \t \t \t \t </tbody>
\t \t \t \t \t \t \t \t \t </table>
\t \t \t \t \t \t \t \t \t <table width="100%" align="left" style="Margin:0px auto; Padding:0px; border-collapse:collapse; max-width:600px; Margin-left: 20px; Margin-top:15px;" border="0" cellspacing="0" cellpadding="0" >
\t \t \t \t \t \t \t \t \t \t <tbody>
\t \t \t \t \t \t \t \t \t \t \t <tr>
\t \t \t \t \t \t \t \t \t \t \t \t <td align="left" valign="top">
\t \t \t \t \t \t \t \t \t \t \t \t \t <a href="https://www.google.co.in/" style="padding: 10px 35px; text-decoration: none; color: #ffffff; background-color:#000000; letter-spacing: 0.55px; text-align:left; line-height: 24px; font-family:'Open Sans',arial,sans-serif!important;">Reset Your Password</a>
\t \t \t \t \t \t \t \t \t \t \t \t </td>
\t \t \t \t \t \t \t \t \t \t \t </tr>
\t \t \t \t \t \t \t \t \t \t </tbody>
\t \t \t \t \t \t \t \t \t </table>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t
\t \t \t \t </td>
\t \t \t </tr>
\t \t </tbody>
\t </table>
在这里输入的代码
+0
“背景”属性不受Outlook支持。为了解决这个问题,你可以使用VML。例如,检查[this](https://litmus.com/community/discussions/6173-fixed-outlook-background-images)帖子。 – 2018-01-22 10:15:24
相关问题
- 1. Magento电子邮件模板位置?
- 2. Razor将电子邮件模板作为电子邮件模板
- 3. 电子邮件 - 如何模拟绝对定位
- 4. 重置密码电子邮件模板
- 5. 对电子邮件使用lodash ._模板
- 6. HTML电子邮件模板
- 7. RazorEngine模板电子邮件
- 8. AddThis电子邮件模板
- 9. Jade电子邮件模板
- 10. 电子邮件模板ColdFusion9
- 11. ob_start电子邮件模板?
- 12. 电子邮件模板
- 13. Moodle电子邮件模板
- 14. Webpack电子邮件模板
- 15. Rails3 - 电子邮件模板
- 16. 电子邮件模板
- 17. Magento电子邮件模板
- 18. django电子邮件模板
- 19. Mailchimp像电子邮件模板个人电子邮件/交易电子邮件
- 20. 在电子邮件模块中配置电子邮件后,电子邮件存储在sugarcrm表中的位置?
- 21. Openerp邮件模板位置
- 22. 邮戳:发送电子邮件模板
- 23. 添加电子邮件的模板与电子邮件js
- 24. 模板电子邮件的最佳电子邮件方式
- 25. 如何发送电子邮件与电子邮件模板c#
- 26. .NET C#电子邮件:使用电子邮件模板
- 27. 电子邮件模板样板 - 无法设置行的高度
- 28. Symfony2中的TPL电子邮件模板
- 29. 创建动态电子邮件模板
- 30. C#发送.htm电子邮件模板
**更新:** Outlook 2007和了不支持'位置:absolute'和Gmail,雅虎邮箱的至少一些版本,以及可能的Hotmail不支持它也是。 – 2012-08-19 01:48:36