Html 未显示DIV图像

我认为该路径对于背景图像是正确的，因为相同的路径在HTTML中工作，但我可能是错误的。基本上，没有显示图像。有人知道为什么吗

HTML 使用

“./”

返回一个目录并选择该文件，因为您的CSS文件是另一个文件夹

所以试试这个：

background-image:url('../images/final2.gif');

CSS文件中的

。/

表示返回一个目录，然后它将转到您的根文件夹，然后它将查找

图像

文件夹，然后找到

final2.gif

，然后将显示您的图像。它在HTML中工作，因为HTML文件已经在根文件夹中，所以它不需要返回一个目录，它只需直接查找

图像

文件夹

正如@Lee Meador所说：

---

所以HTML中的URL是相对于HTML文件的路径的，CSS文件中的URL是相对于CSS文件的路径的

这绝对正确。

使用

“./”

返回一个目录并选择该文件，因为CSS文件是另一个文件夹

所以试试这个：

background-image:url('../images/final2.gif');

CSS文件中的

。/

表示返回一个目录，然后它将转到您的根文件夹，然后它将查找

图像

文件夹，然后找到

final2.gif

，然后将显示您的图像。它在HTML中工作，因为HTML文件已经在根文件夹中，所以它不需要返回一个目录，它只需直接查找

图像

文件夹

正如@Lee Meador所说：

---

所以HTML中的URL是相对于HTML文件的路径的，CSS文件中的URL是相对于CSS文件的路径的

---

这是绝对正确的。

问题在于您使用的是相对URL，因此路径是相对于它所包含的文件的

在第一个示例中，路径是相对于HTML文件的，因此它可以找到图像文件夹。但是，在第二个示例中，路径是相对于CSS文件的，因为它位于子文件夹（CSS）中，所以无法找到images文件夹

这应该起作用：

background-image:url('../images/final2.gif');

---

使用

。/

指定父文件夹。这是您的html文件所在的位置，更重要的是，“图像”文件夹所在的位置。

问题在于您使用的是相对URL，因此路径与它所包含的文件相对

在第一个示例中，路径是相对于HTML文件的，因此它可以找到图像文件夹。但是，在第二个示例中，路径是相对于CSS文件的，因为它位于子文件夹（CSS）中，所以无法找到images文件夹

这应该起作用：

background-image:url('../images/final2.gif');

---

使用

。/

指定父文件夹。这就是html文件所在的位置，更重要的是，“图像”所在的位置文件夹位于。

在处创建一个JSFIDLE，以便我们可以帮助您输出../images/final2.GI在处创建一个JSFIDLE，以便我们可以帮助您输出../images/final2.GIF。因此HTML中的URL相对于HTML文件的路径，CSS文件中的URL相对于CSS文件的路径。@叠加尝试接受答案这将吸引您请其他用户回答您的问题的mroe。因此HTML中的URL与HTML文件的路径相对，CSS文件中的URL与CSS文件的路径相对。@叠加尝试接受答案这将吸引其他用户回答您问题的mroe。