電子郵件背景圖像作爲URL工作，但不作爲目錄

-1

我試圖讓我的電子郵件背景工作。當我使用：電子郵件背景圖像作爲URL工作，但不作爲目錄

style="background: #3b72bb url('https://s1.postimg.org/sample/image.jpg') no-repeat; background-size: cover;"

它工作正常。

但由於我使用的是：

style="background: #3b72bb url('img/image.jpg') no-repeat; background-size: cover;

我再也不能看到我的背景圖片。

文件夾結構：

index.html 
img/ 
    image.jpg

我使用的平臺，將圖像與旁邊index.html。圖片爲：

<img src="img/leftphoto.jpg" alt="" width="274" height="550" border="0" style="color: #1f1f1f; border: none; display: block; font-size: 12px; line-height: 34px; text-align: left;">

工作正常。我曾試過各種選擇：

style="background: #3b72bb url('/img/image.jpg') no-repeat; background-size: cover; 
style="background: #3b72bb url('../img/image.jpg') no-repeat; background-size: cover;

而且一開始。他們都沒有工作。它需要作爲圖像發送，而不是URL。

來源

2017-10-17 Marcin Maicki

你需要堅持絕對的文件路徑，電子郵件客戶端從服務器遠程下載圖像，所以它需要知道在哪裏看。 – UncaughtTypeError

你能寫樣本路徑嗎？ –

http：//yourserver.whatever/images/yourimage.jpg。本地路徑適用於您，因爲您的計算機上有圖像。懂嗎？ – scoopzilla

您必須將內容（本例中的圖像）上傳到遠程服務器，該服務器可通過絕對網址進行訪問。 It's not possible使用本地圖像文件，如@UncaughtTypeError所述。

最便宜且速度最快的解決方案是將您的內容上傳到圖像託管服務，如imgur。最好的辦法是託管你自己的服務器並將內容上傳到那裏，這樣你可以保證文件在將來可以訪問。

來源

2017-10-17 14:34:34 Roberrrt

總是在html電子郵件中使用絕對URL：D這個答案是正確的。 – scoopzilla

背景圖像不適用於所有電子郵件客戶端。它們在某些Gmail，Outlook，Windows Mail和其他一些實例中不起作用。在Outlook和Windows中，如果您使用vml，則它們可以工作。

在什麼背景圖片作品https://backgrounds.cm

更多信息。

https://www.campaignmonitor.com/css/color-background/background-image/

此外，如前所述，您需要擁有可以對任何電子郵件客戶端訪問圖像的絕對路徑。

這工作：

<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">

這不：

<img src="/images/picture.jpg" alt="Mountain">

來源

2017-10-17 17:27:23 gwally

對不起隊友，但他們完美地在Gmail上工作。 –

@MarcinMaicki你說得對，它只是Google Android IMAP。 - https://www.campaignmonitor.com/css/color-background/background-image/ – gwally

電子郵件背景圖像作爲URL工作，但不作爲目錄

回答

相關問題