CSS中的wordpress 3.3相对路径答案

【问题标题】：wordpress 3.3 relative paths in CSSCSS中的wordpress 3.3相对路径
【发布时间】：2012-04-20 22:31:00
【问题描述】：

我想添加一个图像作为标题的背景，问题是我不想添加绝对路径，因为我在我的电脑上执行此操作，并且它们要上传到我的服务器。

<?php bloginfo('template_directory'); ?> 应该在 CSS 中工作吗？它在这里不起作用。

代码：

#branding {
    background: url("<?php bloginfo('template_directory'); ?>/images/background2.jpg") repeat-x repeat-y;
    height: 150px;
}

【问题讨论】：

【解决方案1】：

不，您不能在 CSS 文件中使用 PHP。

您仍然可以使用相对路径。如果您的 CSS 文件和图像目录位于同一目录中，则此示例将起作用。 WordPress 知道这与主题有关。

#branding {
    background: url("images/background2.jpg") repeat-x repeat-y;
    height: 150px;
}

如果图像目录位于 CSS 文件的父级中：

#branding {
    background: url("../images/background2.jpg") repeat-x repeat-y;
    height: 150px;
}

【讨论】：

它在我的电脑里......顺便说一句，我正在使用工具箱主题来构建我的
所以你有localhost/yoursite/wp-content/themes/toolbox/style.css 和localhost/yoursite/wp-content/themes/toolbox/images/background2.jpg？
如果它适用于 chrome，但不适用于其他浏览器，则不是路径问题。你还有别的东西潜伏着。

【解决方案2】：

不知何故，@developdaly 解决方案对我不起作用，但这有帮助：

.img-div {
  background-image: url("wp-content/themes/your-theme/assets/images/your-img.jpg");
}

【讨论】：

【解决方案3】：

.img-div {
    background-image: url("./assets/images/your-img.jpg");
}

【讨论】：