鏈接的CSS文件路徑問題的IMG

body { 
    background: url("images/bg/cloud.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

<head> 
    <link rel="stylesheet" type="text/css" href="css/index.css"> 
</head>

根文件夾中有與它index.css css文件夾中。根文件夾還包含圖像和bg文件夾，其中包含cloud.jpg。鏈接的CSS文件路徑問題的IMG

當CSS是在根目錄下正常工作。但是，一旦我將它移動到css文件夾中的css文件並通過新的html路徑重新鏈接它，它可以找到圖像！我覺得像css文件正在搜索圖像文件，並找不到它。它需要去css文件夾的BACK/OUT THEN搜索images/bg/cloud.jpg？我認爲我走在正確的軌道上，如果我做了/圖像與圖像有區別嗎？並且還添加..讓我回到文件夾層次結構中的一個圖層？

好像我可以有一個文件夾中的圖片文件而不是CSS文件或我的文件路徑是錯誤的？

來源

2015-12-21 Ben Casalino

如果images文件夾和css文件夾是根。

更改此：

background: url("images/bg/cloud.jpg") no-repeat center center fixed;

要這樣：

background: url("../images/bg/cloud.jpg") no-repeat center center fixed;

這是因爲，從.css文件中的相對路徑，添加../使文件路徑返回一個文件（在這種情況下回到根目錄）。

來源

2015-12-21 23:53:54

好吧，這是有道理的，它似乎仍然沒有工作。在這個項目中，我有其他圖像鏈接到這些相同的文件夾工作正常。它可能有問題，因爲它的背景img？這裏是回購的鏈接，非常感謝任何幫助！ https://github.com/bencasalino/bencasalino.github.io –

正如你在這裏可以看到https://jsfiddle.net/vkavj6t8/你正在使用正確的背景。我會看你的代碼，給我一分鐘。 –

@BenjaminCasalino你有兩個'index.css'文件（一個在根目錄中，另一個在css文件夾中），你更新了你的根目錄下的'index.css'文件。您需要更新** css文件夾**中的'index.css'。 –

這是因爲相對路徑。你必須添加點和斜槓。就像想到css文件想要從本身的位置找到圖像一樣。使用：

background: url("../images/bg/cloud.jpg") no-repeat center center fixed;

這應該工作。

隨着兩個點你說了移動一個文件夾，如出/ CSS /然後到/圖像/ ...

來源

2015-12-21 23:53:05

鏈接的CSS文件路徑問題的IMG

回答

相關問題