溢出：隱藏不起作用的電子郵件

我試圖發送一些圖像的電子郵件。如果我在網頁上顯示圖像，它們是100x寬和100px高，但如果圖像高於100px，則會隱藏多餘的像素。溢出：隱藏不起作用的電子郵件

如果我嘗試通過電子郵件發送它，我無法獲取它以剪切圖像的多餘高度。
這裏就是我送的電子郵件：

<img src="<?php echo base_url().$thumb;?>" style="border:1px solid #35538d;width:100px;height:100px;overflow:hidden;text-align:center;background-color:#f0f0f0;" rel="nofollow" alt="Profile Photo">

來源

2010-08-01 JEagle

這很可能是因爲您嘗試CSS只是不被你的電子郵件客戶端支持。電子郵件客戶端通常支持大大減少的HTML子集，並且只支持最小的CSS。編寫HTML電子郵件時，往往是回到基本的情況 ... HTML表格佈局等，以獲得最大的支持。

編輯： IMO試圖作物使用HTML/CSS將是不可能的，如果你想要這個跨所有電子郵件客戶端工作的圖像。可能有助於實現此目的的相關屬性：背景圖像，高度，溢出，剪輯等僅僅是不受支持的。所以，儘管它對一些人有用，但對其他人不會。

另一種可能是減少寬度，使高度始終爲100px。您需要計算服務器端的寬度以保持適當的寬高比。

但是，我認爲這可能是最好的解決方案是用PHP生成一個（nother）方形100px圖像服務器端？

來源

2010-08-01 14:27:21 MrWhite

好的我已經在使用表格和電子郵件是好的，只是圖像不平方... – JEagle 2010-08-01 14:30:59

_May be_固定錶行/單元格的高度，'高度'屬性，而不是內聯樣式？雖然展望可能是一個絆腳石。 – MrWhite 2010-08-01 14:37:02

@ w3d嘗試過，仍然可以處理較高的圖像... – JEagle 2010-08-01 15:09:58

您可能想看看Guide to CSS support in email clients頁面，瞭解哪些CSS屬性可以或不能用於各種電子郵件客戶端。

來源

2010-08-01 14:32:48

謝謝，我使用gmail檢查它，並且gmail與溢出正常... – JEagle 2010-08-01 14:35:34

爲了使這項工作，你需要創建一個正方形的對象（Div或表），並將其中的圖像作爲背景圖像。如果你需要圖像作爲鏈接，你需要在它上面放置一個透明的gif。

來源

2012-03-08 10:52:24

對Outlook電子郵件客戶端不支持Alan O'Rourke背景圖像的支持。另外，如果您嘗試使用背景圖片，請務必將其作爲內聯樣式，因爲Gmail會將任何不包含內嵌的CSS剝離。

來源

2015-02-26 01:50:47 Anton

溢出：隱藏不起作用的電子郵件

回答

相關問題