子文件夾鏈接的CSS圖片

Question

我無法找出正確的路徑在我的CSS文件中使用的

html { background-image: url('backgroundImage.jpg'); } 

我的文件夾結構如下：

..\MySite\ <!-- HTML files here -->

..\MySite\css\

..\MySite\js\

..\MySite\images\ <!-- backgroundImage.jpg here -->

Answer 1

html{ background-image: url('../images/backgroundImage.jpg'); } 

../告訴你的CSS文件去一個目錄返回以及搜索從該文件夾的圖像（在這種情況下，你的根文件夾）

Answer 2

使用html{ background-image: url('/images/backgroundImage.jpg'); }

開始/意味着你開始在你的站點的根目錄

Answer 3

很微不足道的問題。如果您使用內聯樣式（HTML文件中的樣式），那麼以下就足夠了。

html { 
    background-image: url('images/backgroundImage.jpg'); 
} 

但是，如果你是從css文件夾中引用圖片，你將不得不使用..遍歷第一個到達父文件夾。

html { 
    background-image: url('../images/backgroundImage.jpg'); 
}