CSS背景图片的位置？

Question

我一直在W3schools学习网页设计。最近，我开始使用CSS。对于背景图像，例如：background-image：url（“Paper.gif”）

我的问题是：它甚至在哪里可以找到这个图像？这不是像“url”是一个真正的URL，并且Paper.gif似乎只是出于无处。它是否保存在与CSS文件相同的文件中？

Answer 1

由于您只提供了一个文件名，因此浏览器会从该文件所在的目录中加载Paper.gif。它通常被称为“相对路径”。

例如，如果您加载http://example.com/index.html并且该页面引用background-image: url(background.png)，则它会查找http://example.com/background.png加载。

这当然假设你没有使用外部样式表。如果是这样，您的相对路径将从样式表所在的位置加载。例如，如果您加载http://example.com/index.html，这对于它的造型参考http://example2.com/style.css，并那样式引用命名background.png文件时，浏览器将寻找一个文件在http://example2.com/background.png

Answer 2

上面的例子告诉浏览器中的图像是在你的网站的根。但是，如果图像像background-image：url（“images/Paper.gif”）那么它会告诉浏览器图像位于images文件夹中。希望是明确的:)

反正...这是对初学者最好的HTML CSS &书：http://www.htmlandcssbook.com/