在HTML電子郵件中顯示圖像大綱

我正在處理一個煩人的問題。我已經設置了一封HTML電子郵件並測試它默認情況下顯示未加載圖片的邊框。我有一個ALT文本被設計和設計，所以它真的看起來很愚蠢。在HTML電子郵件中顯示圖像大綱

我嘗試了所有我能想到的。

將一個border: 0;，outline: 0 !important，border-style: none;在在風格標籤頭部分的樣式表一個IMG標籤
放在圖像標籤的border="0"（HTML標準）
認沽一個border: 0;，outline: 0 !important，border-style: none;在圖像本身

所以，我真的做的一切都是在樣式屬性我沒有在這裏和在互聯網的其他發現刪除那個愚蠢的邊界。誰知道不同的解決方案？還是有我失蹤的東西？

這裏是代碼的部分：

img{border:0; height:auto; line-height:100%; outline:0 !important; text-decoration:none; border-style: none;} 

<img src="#" alt="NameOfCompany" style="max-width:600px; outline:0 !important; border:0; border-style:0;" border="0" id="headerImage2">

來源

2014-03-19 Julia Mäntz

在哪個電子郵件客戶端發生這種情況？你可以提供一個截圖嗎？ – secelite

嘗試'大綱：無'而不是'大綱：0'。 –

你有沒有試過box-shadow：none！important;？ –

你需要零出margin和padding。嘗試建立你的形象標籤是這樣的：

<img alt="" src="" width="" height="" style="margin: 0; border: 0; padding: 0; display: block;">

在一個側面說明 - 你總是需要你的內聯樣式，一些電子郵件客戶端（尤其是Gmail）剝離的風格標籤。

來源

2014-03-19 16:49:40 John

OP明確地嘗試了這一點，並提供了演示代碼。他們做錯了嗎？如果是這樣，怎麼樣？ – Barney

@Barney他們沒有。他們的CSS中沒有邊距或填充，更不用說內聯CSS了。這是在html電子郵件中使用圖像標籤的正確方法。 – John

啊哈，對不起：它的內容類似於你製作的內容是關於內聯樣式的，而事實上你正在討論哪些內聯樣式。這可能是一個保證金或填充問題 - 您應該更明確地表明這是您提議的修正案。 – Barney

檢查此屬性列表，並將其與爲具有問題的特定客戶定義的規則進行比較。 http://www.campaignmonitor.com/css/

來源

2014-03-19 16:58:43 n1kkou

謝謝你的鏈接。將研究這一點。 –

在HTML電子郵件中顯示圖像大綱

回答

相關問題