Outlook 2010字體前景/背景顏色CSS不能很好地合作

因此，我爲Outlook 2010製作了MIME郵件，格式爲HTML和CSS。Outlook 2010字體前景/背景顏色CSS不能很好地合作

這裏是我生成HTML：

<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 
<head> 
<title>asdfasdf</title> 
</head> 

<body> 

<div style="text-align:left;"> 
<span style="font-family:'Tahoma';font-size:1em;"> 
<span style="background-color:#E6E501;"> 
<span style="color:#0013D6;">asfdasdfad</span></span></span></div> 

<div style="text-align:left;"> 
<span style="font-family:'Tahoma';font-size:1em;"> 
<span style="background-color:#0A00CE;"> 
<span style="color:#01D6DE;">asdfasdfasdf</span></span></span></div> 

</body> 
</html>

下面是編輯的樣子產生之前：

Our program

以下是Outlook 2010中顯示：

Outlook 2010

這是一個在線編輯器一樣HTML：

enter image description here

到底是什麼怎麼回事？爲什麼字體顏色只適用於Outlook中的淺色背景，而不適用於深色背景？有沒有其他人有這個問題？根據這個網站：http://www.campaignmonitor.com/css/ CSS color和background-color標籤都應該通過Outlook 2010中

支持另外，我做了個別的跨度，所以我可以很容易地看到發生了什麼事。這不是我們結束時的默認行爲，僅用於測試。

來源

2013-07-18 ToastyMallows

在電子郵件中，您應該使用表格而不是divs。你也應該用HTML的BGCOLOR聲明你的背景顏色=「」屬性是這樣的：

<table border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td bgcolor="#E6E501" style="font-family:'Tahoma', sans-serif; sans; font-size:14px; color:#0013D6;"> 
     asfdasdfad 
    </td> 
    </tr> 
</table> 

<table border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td bgcolor="#0A00CE" style="font-family:'Tahoma', sans-serif; sans; font-size:14px; color:#01D6DE;"> 
     asdfasdfasdf 
    </td> 
    </tr> 
</table>

我還添加了以像素爲單位的字體大小和您的字體回退。通常情況下，你也可以在你的表上設置一個width =「」，但是我把它留下來了，因爲它更符合你的問題。

來源

2013-07-18 21:27:03 John

感謝您的回覆。我已經查看了幾個關於這些類型問題的其他答案。爲什麼地球上的Outlook希望格式化'table's而不是'div's。是什麼賦予了？這看起來很不自然，因爲我根本不用桌子。 – ToastyMallows

@ ToastyMallows這是因爲Outlook使用Microsoft Word引擎來呈現html。這個非網頁瀏覽器渲染器會注入一堆額外的代碼。可以使用內聯html標記（如bgcolor）的表格只會在Outlook和其他電子郵件客戶端中產生更好，更一致的結果。如果有興趣瞭解更多關於電子郵件標準的信息：[http://www.email-standards.org/](http://www.email-standards.org/） – John

簡而言之：Outlook在呈現html時毫無希望。微軟愛標準 - 這就是爲什麼他們有120個不同的標準。 – Ryan

Outlook 2010字體前景/背景顏色CSS不能很好地合作

回答

相關問題