个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我知道这篇文章的标题听起来很奇怪，但这正是正在发生的事情。在使用 Email、Acid 和 Litmus 测试电子邮件模板时，我发现 Outlook.com 在所有浏览器中都在将样式从一个 DOM 元素迁移到另一个。起初我以为这是一个未转义的标签或电子邮件的其他常见问题，但事实并非如此。我还认为它可能是按钮标记，它是从 Litmus 自己的 Bullet Proof Buttons 中提取的邮政。但在尝试了所有四个选项以及我在网上找到的其他选项后，结果并没有什么不同。
为了谨慎地解决这个问题，我制作了一个电子邮件模板，其中只包含重现正在发生的事情所需的最低限度。
电子邮件模板:https://codepen.io/anon/pen/bOQmzz
<!DOCTYPE html>
<html lang="en">
<head>
<meta content="width=device-width" name="viewport">
<meta charset="utf-8">
<title>Page Title</title>
</head>
<body>
<!-- BUTTON -->
<table>
<tbody>
<tr>
<td style="padding: 10px;">
<a style="background-color: #800080; border: 25px solid #EB7035;" href="#" >Button Label</a>
</td>
</tr>
</tbody>
</table>
<!-- TEXT -->
<table>
<tbody>
<tr>
<td style="padding: 50px;">
<p>Hello World</p>
</td>
</tr>
</tbody>
</table>
</body>
</html>
我从 Litmus 向我有权访问的 Outlook.com 帐户发送了一封测试电子邮件，并提取了它生成的实际标记。在这里。
<table>
<tbody>
<tr>
<td style="padding:10px">Button Label</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td style="background-color:#800080; border:25px solid #EB7035; padding:50px">
<p>Hello World</p>
</td>
</tr>
</tbody>
</table>
如您所见，它从 TD > A 中获取样式并将其应用于以下 TD。在我拥有的原始电子邮件模板中，这种情况在整个过程中发生了多次。请参阅下面的示例
原始模板:每个蓝色部分都已损坏 
测试模板:多个浏览器中的 Outlook.com 
测试模板:其他邮件客户端的例子 
这感觉更像是 Outlooks.com 错误而不是 Outlook.com 怪癖。任何人都可以解释发生了什么并提出解决方法吗？
最佳答案
全部写完后，我意识到它也剥离了 A 标签。这可能是因为它不是可解析的 URL。在原始模板中，我有 ESP 代码 {campaign-ID...etc}，它可能也没有解决这些问题。所以出于安全原因，它只是剥离了它们，很酷。但是出于某种原因，它采用了该 A 链接的样式，将其剥离，并将其应用于 DOM 中更下方的元素。他们在想什么!
希望这可以避免其他人陷入同样的困境。
tl;dr 这只是在测试具有无法解析的 URL 的链接时的一个问题，因为 outlook 出于安全原因将它们删除，但随后会摸索并将样式应用于已删除的 A 链接到另一个 DOM 元素。
关于HTML 电子邮件 - Outlook.com 正在将 CSS 样式从一个 DOM 元素移动到另一个，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54162581/
27
4
0
我为我的一些问题设置了标签。当搜索 labels="ab"时，我得到了相关的标签，但我似乎找不到询问标签的正确语法!="ab"。如何查询不等于ab的？ 最佳答案 != 对我有用，尽管它只显示带有标签的
我最近使用 Visual Studio 2013 Express 配置了 GITHUB 和 Demo GITHub 帐户，即用于练习目的。 Good News is that : I have con
我有一个用于播放和暂停的切换按钮。 这是代码: export default (props) => { let [soundState, setSoundState] = useState({ s
一个 XML 文件被发布到我的 spring mvc 正在响应的 URL。 在 .NET 中，我可以这样做: request.Form[0] request.Form["abc"] 或 request
我们的监控脚本遇到问题。 程序流程为 客户将文件(.csv 格式)ftp/sftp 到“源”目录 Bash 脚本将完成的 .csv 文件重命名为 .aaa 文件 另一个 Bash 脚本将“.aaa”文
如果我开始一个线程: new Thread(() -> { while (running) { try { Thread.sl
我正在制作一个看起来像真正的书的 PDF 阅读器。 我在 ScrollView 中有一个 UIImageView 作为书的背景(想象一本打开的书，有空页)。 UIImageView 的层有 2 个子层
创建 Accordion - 在幻灯片上 - 正在滑动的元素下方的元素似乎向下移动了 px，然后又向上移动，从而产生了颤动效果。 $(document).ready(function() { //Pr
我有一个非常奇怪的问题，但只有在运行 Ubuntu 时才会出现(在 CentOS 上一切正常)。我用 Perl 编写了一个脚本并使用了 Mail::IMAPClient模块。 当我运行以下命令时: p
我知道我可以检查 UITextView 是否正在使用 textViewDidBeginEditing: 进行编辑，但我想检查它是否正在使用 if 语句进行编辑？ 最佳答案 使用方法isFirstRes
我正在制作一个简单的点击器类型的游戏。问题是，我的 JPanel 忽略了我设置为每秒更新的 Swing 计时器，而是每毫秒更新一次，即使我删除了计时器也是如此。除了计时器的监听器之外，不会在任何地方调
我有以下代码，应该通过组织列表对每个组织进行 td，对每个组织调用 toString 方法，并将结果打印到控制台和名为 Debug1.tab 的文件。 try { StreamWriter p
我有以下代码用于将文件从 url 下载到 sdcard 。此代码适用于小文件，但当文件大时，我下载的文件大小为 0。任何帮助将不胜感激。 Java 代码 setContentView(R.layout
我有一个必须使用 tomcat 部署的 Angular 项目。 Angular 文件在 dist/project-ui/ 中构建文件夹。我复制了 project-ui文件夹到 webapps tomc
我有一堆切换按钮，下面有标签。如果按钮的标签变得太长，那么下一行的第一个按钮将卡在该标签上。 这是我的代码: https://jsfiddle.net/Android272/c150305z/ 我查了
具有特殊字符的 InnerHTML 正在 trim 数据。 elem.innerHTML = displayedObjects.name; 这里的 displayedObjects.name 包含一个
我已经成功地设置了我的证书和 key ，并使用了在这里找到的 mysql 文档: http://dev.mysql.com/doc/refman/5.1/en/replication-solution
在为游戏制作动画和更新计时器时，我读到任何与 GUI 相关的 Activity 都应该在 EDT 上运行，包括重新绘制屏幕。我正在使用单个 ScheduledExecutorService 来更新和绘
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Large numbers erroneously rounded in Javascript 我正在使用
我已经为 .NET RyuJit 安装了新的 Jit 编译器，并按照安装文档中的说明在 regedit 的 .NetFramework 中设置了 AltJit=* 键。 http://blogs.ms
我是一名优秀的程序员,十分优秀！