WordPress 中的 CSS 背景图像

Question

在使用 WordPress 时，是否可以像通常在 HTML 中那样在 CSS 中获取背景图像。我试过这样做，但它不起作用。

 background-image: url("<?php bloginfo('template_directory'); ?>/images/parallax_image.jpg ");

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

Answer 1

PHP 代码无法在 .css 文件中运行，但是您可以使用内联样式，例如：

 <div style="background-image: url("<?php //url ?>");">

或者

<style>
  .class-name {
    background-image: url("<?php //url ?>");
  }
</style>

在使用动态图像路径的自定义字段时，上述内容会很有用。

如果图片位于主题目录，则不需要PHP，假设图片文件夹在主题文件夹下 /theme-name/images ，样式表为 /theme-name/style.css ，那么你可以将背景图片添加到css文件中，如下所示：

 .class-name {
  background-image: url("images/file.jpg")
}

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

Answer 2

这道题不需要用到PHP，你的CSS文件已经在template文件夹里了，所以你可以这样调用image：

 background-image: url("images/parallax_image.jpg");

所以你不需要知道模板路径来从你的主题中调用图像。

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