CSS背景圖片顯示不正確

Question

我想在我的主題中放置一個分隔符。我正在使用圖像作爲分隔符。但圖像沒有顯示出來。下面是代碼：

在index.php文件我已經包括了（只是循環的結束前）：

<?php 
    if (($wp_query->current_post + 1) < ($wp_query->post_count)) { 
     echo '<div class="post-item-divider">&nbsp Post Divider</div>'; 
    } 
?> 

的CSS：

.post-item-divider { 
    background-image: url("/images/capture.png"); 
    height: 50px; 
    line-height:1px; 
    width:100%; 
    margin-bottom:20px; 
} 

但圖像沒有顯示。然而文本：div中出現「Post Divider」。我試圖用web中的url替換圖片url，它工作正常。

Answer 1

這意味着你的CSS屬性： background-image：url（「/ images/capture.png」）; 路徑不正確將其替換爲 background-image：url（「../ images/capture.png」）; 嘗試通過螢火蟲或檢查它。

Answer 2

通過看你的代碼，我猜你正在使用wordpress。無論如何，確保你有正確的形象路徑。

如果遠程URL與此代碼正常工作，我相信url是錯誤的。確保圖像在上述路徑中可用。

Answer 3

問題出在了url的相對路徑上。它應該是：images/capture.png。

我無法刪除該問題，因爲它已被其他人回答。