html - 来自 CSS 的背景图片未显示在新网站上

标签 html css linux wordpress

我正准备发布一个 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/

相关文章:

html - Div 不随最高值的百分比移动

javascript - 高度属性的 asp.net element.style 问题

javascript - 为什么在我的网站上多次加载样式表?

jQuery从底部向上滑动,无法让上面的内容不重叠

linux - Nginx 访问服务器上的文件时返回 404 not found

正则表达式仅使用 egrep 捕获整个单词

html - 如何填充剩余的高度和宽度?

html - 如何在没有框架的 PWA 中实现暗模式?

html - 使用 CSS 格式化表格中的文本

linux - 如何可靠地测量 Linux 中的可用内存?