Question

我即将建立一个GUI，我试图通过CSS加载图像作为背景图像。我的HTML表格几乎是空的，除了标题和div容器，我在其中加载了GUI，使用JAVA和Google Web Toolkit构建。

从互联网上加载背景图片效果非常好！

.Bild {
    background: url("http://developer.aldebaran-robotics.com/media/img/home/nao_h25.png")
    no-repeat
    center;
}

但现在我想从我的硬盘加载它，最好从项目中的文件夹中说出来。结构如下所示：

工作区→项目→战争→css文件

的工作区 →项目 →图像 →image.png

我通过使用相对路径尝试了它。我不确定我是否做得对。它不起作用：

.Bild {
    background: url(/images/image.png)
    no-repeat
    center;
}

我相信你可以帮助我！

非常感谢

Answer 1

您需要提供相对于css文件的图像文件的路径让我们拿你的目录结构示例：

workspace/
 project/
   war/
      cssfile.css
   images/
      image.png

相对于css文件的图像路径必须是

../images/image.png

.Bild {
    background: url(../images/image.png)
    no-repeat
    center;
}

此处：..表示当前目录上方的一个目录。您可以使用../../向上移动两个目录。

要确定相对路径，您需要导航到公共父目录，然后向下走到媒体文件的位置。在这种情况下，公共父目录是一个级别，因此../就足够了，然后沿着目录结构images/image.png向下走。

Answer 2

语法没有错。所以问题必须与路径有关。通过斜杠/启动网址，

/images/image.png

表示

的绝对位置

http://some-host-name/images/image.png

是你的形象在哪里？