我很难通过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中。我应该使用什么路径声明来显示图像?
最佳答案
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");
关于css - CSS背景图片路径,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34099430/