如何在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;
}

结果：找不到资源（萤火虫）。 为什么？ 我必须如何指定路径？

Answer 1

删除第一个斜杠， img文件夹与styles.css在同一文件夹styles.css ：

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