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

Posted 2023-03-06

【中文标题】如何修复css文件wordpress中的背景图像

【英文标题】：How to fix background image in css file 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

【参考方案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/cs-s-ref/css3_pr_background.asp