我正准备发布一个 WP 网站,但我的背景图片不见了。我在用于开发的单独服务器上设置了完全相同的站点,图像工作正常。所以 CSS 和代码是相同的。这是 CSS:
#tribe-events-content.tribe-events-month .tribe-events-calendar {
background-image: url("/fitz_originalsize/");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-blend-mode: lighten;
}
我读了一篇文章,建议我的 CSS 的第一行应该只使用背景。所以我更新了我的 CSS,但这仍然不起作用。
background: url("/fitz_originalsize/");
我还浏览了 Linux 终端中的所有子目录,以确认它们的设置与原始站点 775 相同。一切都一样。
您可以查看此处不显示图像的演示站点:
http://fitz.asystyou.tech/events/
应该显示的图像在这里:
http://fitz.asystyou.tech/fitz_originalsize/
我不确定还有什么可能导致这张图片无法正常工作。任何建议都会有很大的帮助。
最佳答案
解决方案是将完整路径添加到我的图像:
background-image: url("/wp-content/uploads/sites/5/2019/05/fitz_originalSize.jpg")
这并没有回答为什么这首先开始发生的问题。但是新站点所在的 WordPress 版本与我开发时的版本不同。 PHP 的版本也有可能更新。我认为其中一个环境发生了变化,打破了这一点,但现在我有一个可行的解决方案。
关于html - 来自 CSS 的背景图片未显示在新网站上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57677222/