wordpress css sprite 加载图片答案

【问题标题】：wordpress css sprite load imagewordpress css sprite 加载图片
【发布时间】：2020-05-13 15:39:09
【问题描述】：

我正在尝试在我的 wordpress 项目中使用这样的精灵。但是我的css加载背景图片时遇到了麻烦。我在加载页面后在控制台中检查了路径，url路径很好但是我遇到了404错误。

我的CSS：

#navlist {
    position: relative;
}

#navlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    width : 44px;
}

#navlist li, #navlist a {
    height: 44px;
    display: block;
}

#facebook {
    left: 0px;
    background: url('/wp-content/themes/montheme/images/facebook.png') 0 0;
}

控制台中的错误消息：加载资源失败：服务器响应状态为 404（未找到）

请问有人有解决办法吗？

【问题讨论】：

你能试试./wp-content/...吗？让我知道这是否有效。
不：/仍然不起作用

标签： css wordpress sprite

【解决方案1】：

你不需要使用/wp-content/themes/montheme/你可以这样称呼它：

background: url("images/facebook.png") 0 0;

如果您的图片和 CSS 存在于您的主题中。另一种方法是将其添加到您的functions.php 中并将其称为：

background: url("<?php bloginfo('template_directory'); ?>/images/facebook.png") 0 0;

【讨论】：