CSS 中的 wordpress 3.3 相对路径

Question

我想添加一个图像作为标题的背景，问题是我不想添加绝对路径，因为我在我的电脑上这样做，它们是上传到我的服务器。

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

代码：

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

原文由 Marco Martins 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

原文由 developdaly 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

原文由 Syed 发布，翻译遵循 CC BY-SA 3.0 许可协议