为什么不采购本地图像?

时间:2015-08-12 11:23:52

标签: html css

这种语法不正确?

CODE CSS:

.navbar-custom{
    background:url(images/bgi/bg.png);
}

CODE HTML

    <nav class="navbar navbar-custom">
       //some code HTML
    </nav>

我把图像用来查看图像

enter image description here

你知道这在哪里吗?

修改

enter image description here

2 个答案:

答案 0 :(得分:5)

你的css文件是否在&#34; test&#34;夹?您在url中提供的路径相对于保存css文件的位置。

你的路径上也没有引号,应该在那里 - 但我不确定是否会引起问题。

尝试:

.navbar-custom{
    background: url("/images/bgi/bg.png");
}

使用正斜杠,您将返回到站点的根目录,然后进入images文件夹。如果您在测试的子文件夹中有css,这将解决问题。我还在引号中添加了完整性。

答案 1 :(得分:4)

语法正确。该URL不是。

样式表中的网址与样式表网址相关,而不是HTML文档网址。

images目录是css目录的兄弟。它不在里面。

background:url(../images/bgi/bg.png);