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。

我无法删除该问题，因为它已被其他人回答。