html - 外部 css 中引用的背景图像未加载

Question

我在外部 css 文件中有这个，但它根本不起作用。我会假设我写错了，但是当放在内部时，它工作正常。关于可能发生的事情有什么想法吗？

html
{
background-image:url(images/background-grid.jpg);
background-repeat:repeat;
}

Answer 1

我假设您的 CSS 文件位于这样的文件夹中。

    /        css/            yourcss.css        images/            background-grid.jpg        index.html

The paths given in your CSS file are relative to the path of the CSS file (in the example I given, the css folder). So you should use ..:

background-image: url(../images/background-grid.jpg);