2014-01-14 20 views
8

根據我的理解,Gmail根本不接受CSS塊,這就是爲什麼我一直在爲我的電子郵件模板添加一堆內聯CSS使其工作。Gmail將「position:relative」作爲內聯CSS(電子郵件Temlate)

但是,我正在努力與CSS定位屬性。我想要一個圖像坐在背景圖像的頂部,所以我將兩者的父div設置爲position: relative,並將圖像設置爲絕對。但是,由於某些原因,Gmail會刪除聲明位置的style屬性:來自div的相對位置。它保留所有其他內聯CSS。

有什麼想法?任何解決方法?

+1

CSS'position'在html電子郵件中沒有得到很好的支持。對於背景圖片,你應該看看backgrounds.cm。然後,您可以在內部'​​'內放置正常的圖像標籤。 – John

回答

18

不幸的是,我懷疑你在設計電子郵件時可能不得不放棄你完全合理的divs和定位的想法。電子郵件客戶端的CSS支持是一個糾結的噩夢。

在電子郵件上強制佈局的唯一(相對)確定的方式是與舊的學校桌面佈局一起使用,這是不幸的,但不可避免的。

Campaign Monitor具有極佳的電子郵件客戶端CSS支持摘要here

+0

儘管它很糟糕,但嵌套表格是創建HTML新聞簡報的唯一方法。高級CSS也不存在問題。 –

+0

謝謝兩位!我現在使用表格,爲td標​​籤添加背景圖像,並將覆蓋圖像放置在表格數據中。不漂亮,但它的作品! :) –

2

我在發送電子郵件新聞稿時遇到了類似的佈局問題。解決方案是使用表格來正確定位事物。這是過時的,但我認爲這是讓事情看起來應該如此的唯一方法。

相關問題