CSS:图片网址不起作用

时间:2015-12-02 12:30:17

标签: css image url

这是我的文件夹结构:

- var/www/project
  - public
    - images
      - image1.png
    - style.css
  - storage
    - other_images
      - image2.png

我尝试使用background-image: url("../storage/other_images/image2.png");

访问图片

但是不显示图像。但是,如果我尝试访问另一个这样的图像:background-image: url("/images/image1.png");它可以工作。

如果我尝试background-image: url("../public/images/image1.png");,它会再次失败。哪个应该有效,因为我基本上提供了相同的网址。

另一个奇怪的事情是background-image: url("../images/image1.png");也有效(应该吗?)。我甚至可以写background-image: url("../../../../../../../images/image1.png");但它仍然可以找到它。

它应该是这样的吗?

主要问题是:如何正确指定image2.png的网址?

1 个答案:

答案 0 :(得分:1)

您的publicstorage处于同一级别,storage无法通过网址访问,因为它不在网络根目录下。

此外,../somedir/image.png将从当前目录解释。最好总是指定/somedir/image.png(第一个字符/,因为它指定了根目录)。