Question

我很难通过css中的background-image属性添加图片我的文件结构如下：

www
   styles
      stylesheet.css
   images
      background.jpg

我试过了：

background-image: url("/images/background.jpg");
background-image: url("images/background.jpg");
background-image: url("background.jpg");
background-image: url("../images/background.jpg");
background-image: url("/../images/background.jpg");
background-image: url("../../images/background.jpg");

我也尝试了所有这些选项而没有引号。我复制粘贴图像的名称和我的文件夹就像我说的那样：主文件夹中我有样式文件夹（里面是stylesheet.css）和图像文件夹（里面是background.jpg）。图像没有加载chrome或firefox。我应该使用什么路径声明来显示图像？

Answer 1

www
   index.html
   styles
      stylesheet.css
   images
      background.jpg

目录，这里面是index.html / index.php（你想要显示的地方）

<link href="styles/stylesheet.css" rel="stylesheet" type="text/css" />

记住href链接然后在stylesheet.css

background-image: url("../images/background.jpg");

Answer 2

background-image: url("../images/background.jpg");

这是对的。如果它不起作用，也许路径名不是问题。

您是从服务器运行吗？
或者，您是从计算机上运行的吗？

尝试更改情况，看看是否有任何变化。

但是，我把钱花在拼写错误上。最好三重检查。

CSS背景图像路径

2 个答案: