php - WordPress 中的 CSS 背景图片

Question

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

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

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")
}