wordpress 3.3 CSS中的相对路径

Question

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

<?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文件和images目录位于同一目录中，则此示例将起作用。 WordPress知道这与主题相关。

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

如果images目录位于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");
}