Question

我们在Chrome中遇到了一种非常奇怪的行为。

我们正在处理电子邮件模板。我们的模板实际上是一个表，分为标题HTML文件和正文HTML文件。

头文件包含表头，正文包含相关行的列。

要求是根据行中另一列的值更改单元格背景颜色。

因此我们在正文HTML文件中添加了以下代码部分：

<STYLE TYPE="text/css"> 
.sfondoY {background-color: #F00;} 
.sfondoN {background-color: #FFF;} 
</STYLE>

在单元格规范中，我们添加一个简单的自定义代码（红色）来调用上面的样式类型：（[alert incidenza Flag]是包含要控制的动态值的行中列的名称）

</td>   
<td class="sfondo[Alert Incidenza Flag]" style= "BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: medium none; WIDTH: 52.1pt; PADDING-TOP: 0cm; BORDER-BOTTOM: #4f81bd 1pt solid;   HEIGHT: 13.2pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-alt: #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-top-alt: #4F81BD 1.0pt; mso-border-right-alt: windowtext .5pt; mso-border-left-alt: windowtext .5pt; mso-border-style-alt: solid" valign="top" width="69";> 
  <p class="sfondo[Alert Incidenza Flag]" style="MARGIN-BOTTOM: 0pt; mso-yfti-cnfc: 64">[Incidenza Parziale]</p>
  </td>

浏览器似乎正确解释了该指令，因为在电子邮件的代码源中我们可以看到以下内容：

</td>   
<td class="sfondoY" style= "BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: medium none; WIDTH: 52.1pt; PADDING-TOP: 0cm; BORDER-BOTTOM: #4f81bd 1pt solid;   HEIGHT: 13.2pt; mso-border-bottom-themecolor: accent1; mso-border-bottom-alt: #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-top-alt: #4F81BD 1.0pt; mso-border-right-alt: windowtext .5pt; mso-border-left-alt: windowtext .5pt; mso-border-style-alt: solid" valign="top" width="69";  > 
  <p class="sfondoY" style="MARGIN-BOTTOM: 0pt; mso-yfti-cnfc: 64">-14.933</p>
</td>

但是当我们在Chrome中打开电子邮件时，这似乎会被覆盖，因为电子邮件的格式没有显示。因此，我们将电子邮件保存在桌面上作为HTML文件，我们尝试在Chrome中打开已保存的文件......并且......显示电子邮件格式！

这是正常的吗？我们的配置是否出错？请给我们任何可能的建议，因为我们正在努力解决这个问题！

Chrome删除了HTML电子邮件代码

0 个答案: