css的图像路径

时间:2017-08-06 23:33:50

标签: html css html5 css3

我清理了我的文件,如下所示,添加了一个图像文件夹。将所有imgs移动到/ imgs / home。除了背景图像之外,这个工作正常。他们被完全解雇了,我不明白为什么因为其他所有图片都运行正常,这是一个已知的错误吗?

old pathway -> "website/image1.jpg"
new pathway -> "website/imgs/home/image1.jpg"

How I grab an image -> works fine
<img src = "imgs/home/"image1.jpg">

how I grab a background-image -> doesn't work
background-image: url("imgs/home/image1.jpg");

在我做之前要记住它并且工作正常。

 background-image: url("image1.jpg"); 

2 个答案:

答案 0 :(得分:0)

由于您的路径是相对路径,因此您可能需要最多到父路径并返回到imgs目录。

background-image: url("../imgs/home/image1.jpg");

答案 1 :(得分:0)

首先确保您网站

目录中的 homepage.html 文件

您可以通过这种方式尝试,在HTML文件正文标记中添加样式。

<body style="background:url(imgs/home/imaga1.jpg)"></body>

<body background="imgs/home/image1.jpg">

您也可以在 CSS文件

中对其进行修改

body { background-image: url("imgs/home/imaga1.jpg"); }