javascript - 使用 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 文件的位置