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;
}

但图像没有显示。但是文字：＆＃34; Post Divider＆＃34; div里面出现了。我试图用网页上的网址替换图片网址，但工作正常。

Answer 1

通过查看代码，我猜你正在使用wordpress。无论如何，请确保为您提供正确的图像路径。

如果使用此代码远程URL工作正常，我确定url是错误的。确保图像在上述路径中可用。

Answer 2

问题在于url的相对路径。应该是：images / capture.png。

我无法删除这个问题，因为其他人已经回答了这个问题。

Answer 3

这意味着你的css属性： background-image：url（＆＃34; /images/capture.png"）; 路径不正确替换它 background-image：url（＆＃34; ../ images / capture.png＆＃34;）; 尝试用萤火虫或检查它。

CSS背景图像无法正常显示

3 个答案: