2012-01-14 31 views
0

テーブルを使用してHTML電子メールを作成しました。テーブルには、ほとんどのWebベースの電子メールクライアントで正常に表示される背景イメージがあります。HTML電子メール - 背景イメージの使用

私は、Outlookで背景画像を表示するのに苦労しています。

私の最新の試み、私は次のことをやって試してみました:表が画像の下にあるものの

<img style='position: absolute; z-index: 1; height:1157px; width:712px;top:0;left:0;border:0;z-index:1;' src="http://www.site.com/background.jpg" /> 

<table cellpadding="0" cellspacing="0" border="0" style="padding:0;line-height: 100% !important;font-family: Verdana,Times New Roman,Times,serif; font-size: 12px; position: relative; z-index: 2;" width="712" height="1153"> 
... 
</table> 

この画像は、見通しに伝わってきます。

これは、Microsoft Wordが「位置」または「Z-インデックス」をサポートしていないためです。

私はこのHTML電子メールを作成するための正しい方向のプッシュを探していますが、最初からやり直しても構いません。私は、このバックグラウンドイメージをすべてのWebベースのデスクトップ電子メールクライアントで動作させる必要があります。

私はすでにhttp://www.campaignmonitor.com/css/までスキャンしていましたが、私はすべての画像を完全にスライスしてテーブルに配置するのがベストだと思いますか?

誰かが私にすべてのメールクライアントでグローバルに機能する背景イメージの操作方法に関する非常に基本的なガイダンスを伝えることができたら、本当にありがたいです。

ありがとうございます。

+0

:-)。愚かに設計されたサイトや電子メールがウェブメールクライアントのページを壊すのは簡単すぎるので、ほとんど全てがCSSをフィルタリングするか、あるいは小さな「安全な」部分だけを実際にブラウザに通すことができます。 –

+0

この ''タグの代わりに 'background-image'を試しましたか? –

+0

ほとんどの電子メールクライアントでは、背景イメージはサポートされていません。私はすべてのテーブルを持って行き、すべてのイメージをスライスしてそれに応じてテーブルに配置しなければならないと思っています。 :/ – Latox

答えて

0

テーブルの背景画像を表示したい場合は、<table>タグにstyle="background: url(...)"を使用してください。

電子メールプログラムは、デフォルトでバックグラウンドイメージをダウンロードして表示することを依然として拒否することがありますが、これが最適なショットと思われます。

0

マインドあなた、展望HTMLインタプリタは、MS Wordの... Outlookの罰金になりますMS Wordを使用して開いたときに動作します

任意のHTMLです。このことは、テーブルやものによって図式任意の1990スタイルのHTML、...あなたは、Webベースの電子メールクライアントは、「複雑な」CSSで動作するように期待することはできません

+0

ええ、私は私の質問では、私はPhotoshopで背景画像をスライスし、テーブルとして出力し、そこから行くのが最善の方法だろうと言いました。 – Latox

関連する問題