CSS背景圖像的相對路徑找不到圖像

使用sass進行開發，以及使用Bones模板/框架進行Wordpress。文件佈局就像這樣：

本地主機/ WordPress的

- 的wp-content

- - 主題

- - - HS-主題

- - - - - 庫

- - - - - CSS

- - - - - - 'style.css文件'

- - - - - SCSS

- - - - - - 斷點

- - - - - - - - '_1030up.scss'

- - - - - 圖像

- - - - - - 'header.jpg'

我正在使用_1030up.scss中的一些代碼修改頭類，該代碼已移植到style.css中。

.header { 
    background-color: $blue; 
    background-image: url(../images/header.jpg) no-repeat; 
}

但是，標題圖像沒有被顯示，選擇器甚至沒有出現在Firebug中。

你需要第一個上去的SCSS目錄之前，你可以去到的圖像。 – TylerH

你的CSS/SASS看起來對我來說是正確的。你確定你的主題是使用/hs-theme/library/css/style.css而不是/hs-theme/style.css –

你有鏈接到現場網站嗎？ –

嘗試：

background-image: url(images/header.jpg) no-repeat;

2014-04-29 15:31:11 henrywright

請確認生成的CSS文件實際上被存儲在路徑在某些應用程序平臺，小於或SASS會編一些靜態資產文件夾（在WP的情況下，也許/ wp-content/uploads或類似的），這會影響你需要設置的路徑。

您也可以像現在一樣使用根相對路徑，例如'/wp-content/themes/theme_name/images/image.jpg'而不是目錄相對路徑。

2014-04-29 15:33:25

你可以將這條路徑明確地設置爲一個SASS變量，所以你不必輸入它一百萬次。 –

搜索'header.jpg'確實在wp-content/uploads/2014中返回了一些結果，但header.jpg仍然存在於我想要的位置。 – camerinthus

Right，header.jpg將會在同一個位置，但是如果你的CSS文件被編譯/渲染到其他目錄中，header.jpg的路徑不再是「../images/header」。jpg「，看看頁面源代碼的來源，找到CSS文件的路徑，如果你願意，可以粘貼到這裏，我可以幫忙。 –

你的道路是正確的，可以嘗試在''它周圍，像這樣：

background-image: url('../images/header.jpg') no-repeat;

2014-04-29 15:39:01

我同意，我認爲你只是缺少報價。 – LeBen

回答