2011-11-04 7 views
19

サポートしていません:背景画像CSSはGmailが私は私のユーザーに背景画像をCSSで以下のようなHTML本体の電子メールを送信したい

<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> 

をしかし、下のリンクが言うようにGoogleはしませんサポートの背景画像のCSS!
http://www.campaignmonitor.com/css/

私はそれについて何ができますか?

+0

でテスト

タイトルにタグを入れないでください動作します。また、これはASP.Netとは関係ありません。 – SLaks

+0

positonとz-indexはGmailでサポートされていないので、実際には何もできません – CBRRacer

+0

インラインイメージで動作するものが見つかるまでは、一般的な人が作成します。あなたが取得した他のhtml電子メールをチェックして、どれくらいの人が背景画像を試してみるかを確認してください。 –

答えて

42

テーブルのbackground属性を設定しようとしましたか?

これは、Mailchimpの次のブログ記事「Background Images and CSS in HTML Email」で推奨される方法です。 (Gmailでテスト済み)

<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

それは動作します - おかげで親愛なる仲間 - ここは何ですか?私はここでは新人です!とても素晴らしい – MoonLight

+0

ようこそ!、私はそれが助けてうれしいです。 – jdavies

+0

それを繰り返す方法はありますか? – MoonLight

7

は、あなたはそれについて何もすることはできません。セキュリティ上の理由から、CSSを使用して背景イメージを設定することは、多くのWebメールアプリケーションでサポートされていません。

テキストを背景に実際に表示する唯一の方法は、テキスト付きの画像を作成し、<img src="##" />タグを使用して表示することです。あなたの電子メールのテキスト版へのリンクやニュースレターのWebページベースのコピーへのリンクを常に追加してください。

Additoinally、あなたはニュースレターのデザインはウェブサイトのデザインとは非常に異なることを覚えておく必要があります。 MailChip(おそらく最も人気のあるニュースレター管理システム)がある。またhttp://www.sitepoint.com/code-html-email-newsletters/

を:あなたは、テーブルを使用する必要がある、すべての通常の基準を無視する必要があり、インラインスタイル、IMGタグなど

いくつかの良い提案を、このページをチェックしてくださいHTMLメールをコード化する方法に関するご意見はありません。http://kb.mailchimp.com/article/how-to-code-html-emails

+0

に役立てることができます/役に立つリンクのおかげで/私はQからでもそれを投稿できるか分からない、少し質問があります!しかし、私はちょうどC#でasp.netのHTML電子メールを作成するための最善の方法を知りたいと思って、コードの背後にそれらを送信?コードの中にhtml電子メールを作成するだけでいいですか、それとも(視覚的に意味する)より良い方法がありますか? – MoonLight

0

私はgmailでテストしました: Gmailはbackground-color =#FFFFFFを「background-image」で削除します。

「背景」が機能するので、背景色と背景画像をスタイルで「背景」に変換します。

「背景色」=#FEFEFEはあまりにも2013年9月10日