使用Javascript显示时，背景图像显示为白色

Question

我正在尝试在加载文档时更改背景图像，并且当它到达此点时：

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');
}

它在后台正确显示，为什么会这样做？

Answer 1

我认为这个问题将取决于CSS的工作方式。

如果引用外部CSS文件中的文件，则引用文件的位置相对于外部CSS文件的位置 。

如果CSS在HTML本身内，那么引用文件的位置相对于HTML文档的位置

因此，在外部CSS中工作的路径不一定直接在HTML中工作。

---

<强>更新

如果该值是由Javascript设置的（在页面内部，或保存在外部文件中），那么该位置仍将基于HTML页面，而不是CSS文件或JS文件的位置