CSS背景圖片的位置？

我一直在W3schools學習網頁設計。最近，我開始使用CSS。對於背景圖像，例如：background-image：url（「Paper.gif」）CSS背景圖片的位置？

我的問題是：它甚至在哪裏可以找到這個圖像？這不是像「url」是一個真正的URL，並且Paper.gif似乎只是出於無處。它是否保存在與CSS文件相同的文件中？

相對於地方的CSS文件位於 – Rooster

看到這個：http://stackoverflow.com/questions/940451/using-relative-url-in -css-file-what-location-is-it-relative-to – Jason

FWIW：http://www.w3fools.com –

由於您只提供了一個文件名，因此瀏覽器會從該文件所在的目錄中加載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

2014-07-02 18:42:34 esqew

上面的例子告訴瀏覽器中的圖像是在你的網站的根。但是，如果圖像像background-image：url（「images/Paper.gif」）那麼它會告訴瀏覽器圖像位於images文件夾中。希望是明確的:)

反正...這是對初學者最好的HTML CSS &書：http://www.htmlandcssbook.com/

2014-07-02 19:24:17 Davis

回答