CSS背景图像不显示

Question

我有一个HTML文件,其子目录名为img一个名为的图像debut_dark.png.在我的CSS文件中,我有:

body { 
    background: url(/img/debut_dark.png) repeat 0 0;
}

HTML文件具有body标记,并且适当地包含CSS文件.我确信CSS文件已正确包含,因为其他所有内容都已正确格式化.

背景图像没有显示,我只看到白色背景.任何想法如何解决这个问题,甚至如何调试它？

Answer 1

根据您的CSS文件路径,我将假设它与您的HTML页面位于同一目录,您必须更改url如下:

body { background: url(img/debut_dark.png) repeat 0 0; }

Answer 2

你应该这样使用:

        body { 
            background: url("img/debut_dark.png") repeat 0 0;
        }

        body { 
            background: url("../img/debut_dark.png") repeat 0 0;
        }

        body { 
            background-image: url("../img/debut_dark.png") repeat 0 0;
        }

或尝试使用Firefox Firebug工具检查CSS规则.

Answer 3

我知道这并没有解决 OP 的确切情况，但是对于来自 Google 的其他人，不要忘记display: block;根据元素类型进行尝试。我有一个图像<i>，但它没有出现......

Answer 4

确保你的身体有一个高度，例如：

body { 
    background: url(/img/debut_dark.png) repeat;
    min-height: 100%;
}

Answer 5

I have the same issue. But it works properly for me

background: url(../img/debut_dark.png) repeat

Answer 6

我遇到过同样的问题。对我来说它适用于：

  background: url("../img/green.jpg") no-repeat center bottom/cover;
  height: 100vh;