2011-11-04 16 views
19

desteklemez:Arkaplan görüntü css Gmail benim kullanıcılara Arka plan resim css ile aşağıda gibi html vücut e-posta göndermek istediğiniz

<div style='width:500px;height:1000px;background-color:black;background-image:url(http://upl0ad.org/images/mylogo.gif) repeat scroll left top;'> 
    My Content 
</div> 

ancak aşağıda linki söylediği gibi google değil destek arka plan görüntüsü css!
http://www.campaignmonitor.com/css/

Bu konuda ne yapabilirim?

+0

koymayınız etiketleri üzerinde test çalışır. Ayrıca, bunun ASP.Net ile ilgisi yoktur. – SLaks

+0

orada positon ve z-endeksi gmail tarafından desteklenmediği için yapabileceğiniz bir şey yok – CBRRacer

+0

Satır içi resimlerle çalışacak bir şey bulana kadar yeniden tasarlama tek bir seçenek ve ortak bir kişi. Aldığınız diğer tüm html e-postalarını kontrol edin ve arka plan resmini kaç kez kullanmaya çalıştığını görün. –

cevap

42

Bir tablonun background özniteliğini ayarlamayı denediniz mi?

Aşağıdaki Mailchimp blog yayında açıklanan önerilen yöntem: Background Images and CSS in HTML Email. (Gmail'de test edilmiştir)

Örnek

<table background="https://www.google.com/intl/en_com/images/srpr/logo3w.png" width="275" height="95"> 
     <tr> 
      <td> 
       Email Content... 
      </td> 
     </tr> 
    </table> 
+1

işe yarıyor - teşekkürler sevgili kardeşim - burası nedir? ben burada yeniyim! çok fantastik – MoonLight

+0

Hoş Geldiniz!, Yardım ettiğine sevindim. – jdavies

+0

tekrarlamak için bir yolu var mı? – MoonLight

7

Sen bu konuda bir şey yapamaz. Arka plan görüntüsünü ayarlamak için CSS kullanma, güvenlik nedeniyle birçok web posta uygulamasında desteklenmez.

Metin arkasındaki arka planı gerçekte göstermenin tek yolu, üzerinde metin bulunan bir resim oluşturmak ve <img src="##" /> etiketini kullanarak görüntülemektir. Yine de, e-postanızın metin sürümüne bağlantı eklemeyi ve/veya bülteninizin web sayfası temelli kopyasına bağlantı eklemeyi unutmayın.

Adlitoinal olarak, haber bülteni tasarımının web sitesi tasarımından çok farklı olduğunu unutmayın. http://www.sitepoint.com/code-html-email-newsletters/

Ayrıca MailChip (muhtemelen en popüler Bülten yönetim sistemi) etti: Sen tabloları, satır içi stilleri, img etiketleri vb birkaç iyi öneriler için

Kontrol dışarı bu sayfayı kullanmak gerekir, her zamanki standartları göz ardı etmek gerek HTML e-postalarını kodlamak için birkaç çok iyi öneriler: http://kb.mailchimp.com/article/how-to-code-html-emails

+0

'da kullanabileceğiniz faydalı linkler için teşekkürler/benden küçük bir soru var, bilmiyorum ki bir Q olarak yayınlayabilirim ya da yapamam! Ancak sadece asp.net'de C# ile html e-postaları yapmanın en iyi yolunun ne olduğunu bilmek ve bunları arkasına kodla göndermek istiyorum. Sadece arkada kodda bir html e-posta yapmalı mıyım yoksa bunları yapmak için daha iyi bir yol var mı (görsel olarak demek)! – MoonLight

0

Gmail üzerinde test ettim: gmail arka plan rengini kaldırır = # FFFFFF "background-image" ile, garip.

"arka plan" çalışır, bu nedenle arka plan rengini ve arkaplan görüntüsünü stilde "arka plan" olarak dönüştürün.

"background-color =" # fefefe çok

başlığında 2013-09-10