爲什麼background-image在一個地方工作，但在另一個地方不工作？

-1

我工作的一些自定義的WordPress主題，在我的style.css我有兩個地方我使用的背景圖片，在這裏它工作正常：爲什麼background-image在一個地方工作，但在另一個地方不工作？

#gallery { 
background-attachment: fixed; 
background-position: center; 
background-repeat: no-repeat; 
background-size: cover; 
background-image: url("img/gallery.jpg"); 
min-height: 100vh; 
padding-top: 50px; 
color: white; 
text-align: center; 
}

，但在這裏不顯示：

#pageHeader { 
background-image: url("img/pageHeader.jpg"); 
overflow: auto; 
overflow-y: hidden; 
text-align: center; 
padding-top: 30px; 
padding-bottom: 30px; 
}

其次是針對page.php文件，其他功能如文本對齊工作正常，只有問題是與背景圖像。當然，兩個jpgs都在同一個位置。

我檢查了，它給「無法加載圖片」

來源

2016-10-11 egzaell

它被另一種風格所覆蓋嗎？你使用過瀏覽器的檢查員了嗎？打F12。 – LeonardChallis

嘗試使用類似'url（「../ img/pageHeader.jpg」）'的URL。和/或重新檢查圖像的名稱和它的位置。 –

不起作用，Firefox檢查員說「無法加載圖像」，但其括號中的加載 – egzaell

從你的描述幾種可能的問題即可。例如，該規則可能根本不適用，因爲#pageHeader不存在（無論出於何種原因，包括但不限於拼寫錯誤）。或者該規則可能適用於#pageHeader，但另一個規則將覆蓋background-image。此外，它有可能位於iframe之內，其中圖片的相對位置不同（如果iframe中的頁面與主頁面不在同一文件夾內，且不在兄弟文件夾中）。此外，由於瀏覽器緩存（清除瀏覽器緩存）或服務器緩存系統（如CloudFlare），未應用的規則可能不可用。

解決方法是右鍵單擊HTML標記，單擊Inspect並查看應用了哪些CSS規則。如果應用此規則，那麼至少您知道您使用的是正確版本的CSS，並且可以查看圖像的加載位置。當你達到這一點時，解決方案應該是顯而易見的。

來源

2016-10-11 08:19:38

好的，所以解決方法是 - 我在ubuntu上使用lampp，並且在某些方面它不工作，但移回到windows xampp解決了這個問題。它可能是有權限的東西。

來源

2016-10-12 07:44:02 egzaell

爲什麼background-image在一個地方工作，但在另一個地方不工作？

回答

相關問題