1

既に構築された HTML を使用しています。スライドショーの画像を除いて、すべての写真はローカル マシンで動作します。

これは機能するコードです:

   <div class="backgroundImage" id="homePageBanner2" style="background:url(http://demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/Sites-beats-Library/default/v1355443668325/images/homepage/2-seasonal-pill-gap_2400x650.jpg) center 0 no-repeat;">
                <img src="http://demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/Sites-beats-Library/default/v1355443668325/images/homepage/2-seasonal-pill-gap_2400x650.jpg" style="display:none;" />
            </div>

これはそうではなく、黒く表示されるだけです。(この形式は、この html 内の他のすべての画像で機能することに注意してください。)

<div class="backgroundImage" id="homePageBanner1" style="background:"../demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/-/default/v1355443668325/images/MainImage2.png") center 0 no-repeat;">
            <img src="../demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/-/default/v1355443668325/images/MainImage2.png" style="display:none;" />
        </div>
4

4 に答える 4

3
"background:"

背景を指定した直後にスタイルを終了する可能性があります。

于 2012-12-15T23:27:32.730 に答える
0

ここには 2 つの画像参照があり、1 つはマークアップに、もう 1 つは CSS スタイルにあります。わからない、それのポイントは何ですか。スタイル引数がコード内で実際に壊れている場合 (貼り付けたものからそう見える場合)、画像がドキュメント ルートにあり、CSS がサブフォルダーにある可能性があります。 HTML ファイルもルートにある場合、背景画像は機能します。画像タグのソース URL は、階層のルートの 1 つ上のフォルダーを指しますが、おそらく画像が存在する場所ではありません。ローカル バージョンでは背景画像の CSS が壊れているため、どちらの画像も表示されません。

于 2012-12-15T23:33:55.717 に答える
0

経営者なら

src="/images/homepage/2-seasonal-pill-gap_2400x650.jpg?$staticlink$"

これが isml ファイルにある場合

src="${URLUtils.staticURL('/images/homepage/2-seasonal-pill-gap_2400x650.jpg')}"

すべてのインスタンス (dev、stg、development、および prod) で最も一貫性がある

于 2014-02-11T00:38:20.940 に答える
0
style="background:"../demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/-/default/v1355443668325/images/MainImage2.png") center 0 no-repeat;"

もしかして:

style="background:url(../demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/-/default/v1355443668325/images/MainImage2.png) center 0 no-repeat;"
于 2012-12-15T23:50:19.867 に答える