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（其{1}}引用其样式， 样式表引用名为background.png的文件，则浏览器将查找文件在http://example2.com/style.css

Answer 2

上面的示例告诉浏览器图片位于您网站的根目录。但是，如果图像像background-image：url（“images / Paper.gif”）那么它告诉浏览器图像在images文件夹中。希望很清楚：）

无论如何......这是最好的HTML＆amp;适合初学者的CSS书籍：http://www.htmlandcssbook.com/