如何修复css文件wordpress中的背景图像答案

【问题标题】：How to fix background image in css file wordpress如何修复css文件wordpress中的背景图像
【发布时间】：2018-04-21 23:29:24
【问题描述】：

#hero {
    background: url('/wp-content/themes/bootstrap2wordpress/assets/img/hero-bg.jpg') 50% 0 repeat
}

这是我的代码，但仍然不起作用

【问题讨论】：

分享网站网址
您能澄清一下您所说的修复是什么意思吗？只是普通的背景图片？还是固定的背景图片（视差效果）？
寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及重现它所需的最短代码在问题本身。见：minimal reproducible example

标签： css wordpress

【解决方案1】：

我假设hero 是你的类名，这就是为什么以. 为前缀的原因

在您的代码中我找不到 . ，所以再检查一次。如果您的代码中没有，这也可能是一个问题。

你可以试试这个方法吗：

    .hero {
    background: url('/wp-content/themes/bootstrap2wordpress/assets/img/hero-bg.jpg');
    background-size: 50% 0;
    background-repeat: repeat;
}

【讨论】：

【解决方案2】：

只需使用../ 向上导航一两个目录

hero {
  background: url('../../img/hero-bg.jpg') repeat;
}

【讨论】：

【解决方案3】：

试试这个，但是你需要把它添加到你的 header.php 或任何 PHP 文件的头部分。这在 CSS 文件中不起作用。有关详细信息，请访问 URL

<style>
   .hero {
    background-image: url("<?php echo content_url(); ?>/wp-content/themes/bootstrap2wordpress/assets/img/hero-bg.jpg") 50% 0 repeat;
  }
</style>

希望这会对你有所帮助。

【讨论】：

【解决方案4】：

如果没有更多信息（一些 HTML 与之配套）或您遇到问题的网页，很难理解您要完成的工作。

我会尝试这样的事情，因为听起来您正在尝试重复背景图像。

hero {
background: url('/wp-content/themes/bootstrap2wordpress/assets/img/hero-bg.jpg') repeat;
}

https://www.w3schools.com/cssref/css3_pr_background.asp

【讨论】：