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

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

Answer 2

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

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

Answer 3

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