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

我在外部css文件中有这个,但它根本不工作.我认为我写错了,但在内部放置时,它工作正常.关于可能发生的事情的任何想法？

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

解决方法

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

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

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

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

原文地址：https://www.jb51.cc/html/225316.html