1

ドキュメントが読み込まれるたびに背景画像を変更しようとしていますが、この時点に達したとき:

document.body.style.backgroundImage="url('../images/mobile-bckground.png')";

このページは単に背景を真っ白にしています。私のjavascriptでは次のように表示されます：

$(function() {
    document.body.style.backgroundImage="url('../images/mobile-bckground.png')";
});

次の css を使用して、画像が正しい場所にあることを確認しました。

body
{
    background-image:url('../images/mobile-bckground.png');
}

バックグラウンドで正しく表示されるのはなぜですか?

4

1 に答える 1

2

この問題は、CSS の動作に起因すると思います。

外部 CSS ファイル内のファイルを参照する場合、参照されるファイルの位置は、外部 CSS ファイルの位置を基準とします。

CSS が HTML 自体の中にある場合、参照されるファイルの位置は HTML ドキュメントの位置に対して相対的になります。

そのため、外部 CSS で機能するパスが HTML で直接機能するとは限りません。

アップデート

値が Javascript によって設定されている場合 (ページの内部または外部ファイルに保持されている場合)、位置は引き続き HTML ページに基づいており、CSS ファイルまたは JS ファイルの位置ではありません。

于 2013-07-03T17:08:48.237 に答える