wordpress CSS Sprite Load Image

Question

我试图在我的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（未找到）进行了响应

请问有人有解决办法吗？

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