0

次のHTMLを電子メールに含めると、画像はOutlookによって自動的にダウンロードされます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body><div><p><br /></p></div><div style="border-style:solid;border-width:2px;border-color:rgb(0,0,0);background-color:rgb(255,232,0);width:302px;height:185px"><img style="position:relative;z-index:100;left:126px; top:39px;" src="https://s3.amazonaws.com/signoffmainbucket/8CA8EC1A-C1C5-4390-9FC4-649648AA26C8.jpg" alt="image"/><p style="opacity:1.00;color:rgb(0,0,0);position:relative;margin: -123px 0px 0px 18px;font-family: Helvetica, Helvetica;font-size:14px"><b>John</b></p><br /><br /><br /><br /><p style="opacity:1.00;color:rgb(0,0,0);position:relative;margin: 0px 0px 0px 18px;font-family: Helvetica, Helvetica;font-size:14px"><b>XYZ Company</b></p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div></body></html>

ただし、次のHTMLの同じ画像はOutlookによって自動的にダウンロードされません。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Render this</title>
    <style type="text/css">
        div, p {
            margin:0;
            padding:0;
            font-family: Helvetica;
            font-size:14px;
            color:#000;
            font-weight:bold;
        }
        div.box {
            padding:15px;
            width:272px;
            height:155px;
            border:2px solid #000;
            background-color:rgb(255,232,0);
        }
        div.box div.inner {
            height:100%;
            background:url("https://s3.amazonaws.com/signoffmainbucket/8CA8EC1A-C1C5-4390-9FC4-649648AA26C8.jpg") bottom right no-repeat;
        }
        p.name {
            margin-bottom:65px;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="inner">
            <p class="name">John</p>
            <p>XYZ Company</p>
        </div>
    </div>
</body>
</html>

最初の例では画像がダウンロードされますが、2番目の例ではダウンロードされないのはなぜですか？

4

3 に答える 3

2

電子メールクライアントは完全なCSSサポートを提供しません。これらの表は、それがどのような悪夢であるかを示しています...彼らによると、Outlook 2000-2003はサポートbackground-imageしていましたが、Outlook2007および2010では削除されました。

于 2012-04-05T16:30:42.337 に答える
0

Outlook 2007および2010は、これらのアプリのWebブラウザーがIEではないため、背景画像をサポートしていません。MicrosoftWordです。背景画像を設定するにはVMLを使用する必要があります（私はこれを行わなければなりませんでした）。

これがVMLハックに関するページです。

http://www.campaignmonitor.com/blog/post/3363/updated-applying-a-background-image-to-html-email/

また、MSNBCでニュースレターを購読して、ニュースレターのヘッダー（私の手仕事）でどのように行われるかを確認することもできます。

于 2012-06-05T20:16:39.820 に答える
0

これは、HTMLメールの作成が面倒だからです。Outlookは、2007年以降、InternetExplorerのレンダラーの使用からWordベースのHTMLレンダラーの使用に切り替えたと思います。これにより、CSSサポートは非​​常に制限されます。気を失うことなくHTMLメールを作成するための最善の希望は、テーブルを使用してコンテンツを構造化し、要素にインラインスタイルを使用することです。はい、HTMLメールでできるだけ多くのユーザーにリーチするには、1997年のようにコーディングする必要があります。

于 2012-04-05T16:34:04.720 に答える