如何在CSS中设置背景图像？

Question

我想为网页定义图像背景,其中图像位于定义css资源的子文件夹中.

路径:

src/main/webapp/VAADIN/themes/mytheme/styles.css
src/main/webapp/VAADIN/themes/mytheme/img/logo.png

CSS:

.root {
    background: url("/img/logo.png") no-repeat;
}

结果:找不到资源(firebug).为什么？如何指定路径？

Answer 1

删除第一个斜杠,该img文件夹位于以下文件夹中styles.css:

background: url("img/logo.png") no-repeat;