外部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

CSS文件中给出的路径是相对于 CSS文件的路径(在我给出的示例中,css文件夹).所以你应该使用..:

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

Answer 2

这可能是你的文件夹结构，尝试一下

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