0

Outlook 2007/2010 向けの HTML 形式の電子メールを送信しています。body タグに背景画像を適用しましたが、機能しません。以下のようにコードします。

<body 
style="background-image: url('http://example.com/bg.jpg'); 
background-repeat: no-repeat;
background-position:top center;">

ただし、「繰り返しなし」を「繰り返しなし」に変更すると、背景画像が表示されますが、繰り返します。

誰でもこれで私を助けることができますか？

4

3 に答える 3

0

ここで、背景画像を繰り返したくないのではないでしょうか?

ヘッダー用に 1 つの背景画像を使用し、メイン コンテンツ領域の背後に特定の背景色を使用したい場合がありますか?

この場合、繰り返しのない bg 画像を使用することは不可能であると仮定すると (正直なところわかりません)、画像を繰り返して、ヘッダーの下に背景画像と同じ幅のコンテナーを配置します。 、適切な背景色を設定して、繰り返される背景画像を覆い隠します。

また、最初のテーブル コンテナーに bg イメージを追加することも価値があります。これにより、誰かが Web メール クライアントでメッセージを読んだ場合でも背景イメージが表示されます (多くの Web メール クライアントは head タグと body タグを取り除きます)。

私はこれをテストしていませんが、大まかに私が考えていることは次のとおりです。

<body style="
padding:0;
margin:0;
background-image:url(http:/example.com/720pxx200px_bg_image.png);
background-repeat:repeat-y no-repeat;
background-position:center top;">

<table style="
border-collapse:collapse;
padding:0;
margin:0;
width:100%;
background-image:url(http:/example.com/720pxx200px_bg_image.png);
background-repeat:repeat-y no-repeat;
background-position:center top;">
<tr>
    <td align="center" valign="top">
        <table style="
            border-collapse:collapse;
            padding:0;
            margin:0;
            width:720px;
            height:200px;">
            <tr>
                <td><h1>Header Content Goes Here</h1></td>
            </tr>
        </table>
        <table style="
            border-collapse:collapse;
            padding:0;
            margin:0;
            width:720px;
            background-color:#fff;">
            <tr>
                <td><p>Body Content Goes Here</p></td>
            </tr>
        </table>
    </td>
</tr>

于 2012-06-07T11:26:57.263 に答える
-1

水平方向の中央に配置された非常に広い画像でハックできます。両方の方法を繰り返します (デフォルト)。

これにより、目的の視覚効果を得ることができます

于 2010-08-09T13:30:13.873 に答える
-1

1 つのスタイルを選択します。repeat-y は、x 方向に繰り返さないことを意味します。

于 2010-04-20T19:52:13.780 に答える