Question

我目前正在开发模板电子邮件。我需要显示此样式的进度条：

.progress {
    width:100px;
}
.progressleft {
    float: left;
    height: 15px;
}
.progressright {
   overflow: hidden;
   height: 15px;
}

<div style="position:relative;top: 20px; text-align:center; color:#ffffff;">50%</div>
<div style="width:250px">
<div id="prog4" class="progressleft" style="width:50%;text-align:center;background-color: #f83;"></div>
<div class="progressright" style="background-color: #ccc;"bgcolor="#ccc"></div>

然而收到带有Outlook的电子邮件却没有出现......但是当我在浏览器中打开电子邮件时，显示所有内容都很完美..

提前感谢您的帮助......

Answer 1

现在尝试表格格式。

＆＃13;

<table style="border:0;" cellpadding="0" cellspacing="0" width="250">
<tr>
  <td bgcolor="#f83f83" style="width:50%; background-color:#f83f83; float:left; height:15px;"></td>
  <td bgcolor="#cccccc" style="width:50%; background-color:#cccccc; float:left; height:15px;"></td>
  </tr>
</table>

＆＃13;

Answer 2

事实是，Outlook使用Word（而不是IE）来呈现电子邮件的HTML标记。 MSDN中的以下文章中描述了所有受支持和不受支持的HTML元素，属性和级联样式表属性：

希望您会发现这些文章有用。

进度条（电子邮件）

2 个答案: