我現在正在學習HTML和CSS。我得到了關于CSS背景圖片的相對路徑的問題。當我使用相對路徑時，CSS下的背景圖像代碼不顯示圖像。

我正在使用ATOM代碼編輯器。下面是我的HTML文件中的CSS鏈接代碼。

<link href="resources\css\style.css" rel="stylesheet" type="text/css">

我嘗試了幾種相對的方法，都不行

背景-圖像:URL(' resources \ building . png ')； 背景-圖像:URL(' \ resources \ building . png ')； 背景-圖像:URL(' board way \ resources \ building . png ')； 背景-圖像:URL(' \ board way \ resources \ building . png ')； background-image:URL(' C:\ Users \ Michael \ git projects \ board way \ resources \ building . png ')； boardway是資源的父目錄。c:\用戶\..\..是圖像的絕對路徑。五個地址都不能用。

但是當我使用AWS地址時

background-image: url('https://s3.amazonaws.com/codecademy-content/programs/freelance-one/broadway/images/the-flatiron-building.png');

背景圖片顯示正確。所以至少我可以確定我的代碼是正確的。但是我沒有輸入正確的相對路徑。我能做什么？

你應該把/所有的網址

url('resources/building.png');

請閱讀關于網址

有兩種方法來定義文件/圖像/js/css等的路徑。

使用絕對路徑 2 .使用相對路徑

下面是幾個例子

相對路徑

index.html
/graphics/image.png
/help/articles/how-do-i-set-up-a-webpage.html

絕對路徑

http://www.example.com
http://www.example.com/graphics/image.png
http://www.example.com/help/articles/how-do-i-set-up-a-webpage.html

[閱讀更多信息][1]

你的道路有問題 1.使用正斜杠而不是反斜杠。 2.從不鏈接本地系統的文件(服務器上的路徑可能不同)。

試著按照上面的方法做相應的改變。

Background-images:URL(../resources/building.png);

相對路徑對我有用:

background-image:url('../images/filename.png');