我的网站没有加载实时版本的背景图片 - 它只是显示文本和灰屏。
我使用 Elementor 构建了网站。
Here 是页面
（所有服务页面）。
我将所有图像压缩到大约 100K，因此它们不应该太大而无法加载。主页是 99K 并且可以加载的那个。
谢谢
【问题讨论】：
标签： elementor
查看您将路径链接到您试图显示的背景图像的页面有这个路径：http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg
你可以解决的
第 1 步 - Elementor -> 工具 -> 替换 URL -> http://localhost/ -> https://wwlandscaping.com -> 替换 URL
第 2 步 - Elementor -> 工具 -> 常规 -> 重新生成 CSS -> 重新生成文件 & 同步库 -> 同步库
【讨论】：
您的图像仍在引用本地主机。例如http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg。我建议您使用类似 all in one wp migration 的方式导出您的网站，以便修复链接或找到修复这些图片链接的方法。
【讨论】：
我在使用带有实时链接的本地 WP 将 Elementor 背景图像加载到本地环境中的设备上时遇到了类似的挑战。
这就是我解决它的方法。 Elementor Migration Guide 非常有帮助。
来自 elementor 迁移指南：
背景图片保存在具有绝对 URL 的 CSS 文件中。 为了避免迁移背景图像的问题，而不必 写一个脚本，可以定义CSS打印方法为内联 如果需要，而不是使用外部文件。这可以通过 去 Elementor > 设置 > 高级 > CSS 打印方法 > 内部 嵌入> CSS 打印方法：内联，在您的 WP 仪表板上。
这就是我在本地设备上运行 elementor 背景图像的原因。我正在使用带有实时链接的本地 WP 进行设备测试：
完成此操作后，在我的本地环境中，我的背景图像显示在本地设备中。然后，我推动了 staging 和 prod（包括数据库），以查看背景图像是否仍然可见并且它们仍然可见。一切正常。
对于生产 - Elementor 引用了将 Elementor 的 css 打印方法设置为“外部”时的性能增强。
如果您想在 prod 上执行此操作，请在完成设备测试后执行以下步骤：
我认为这应该可以解决在本地和设备上开发网站时 Elementor 背景图像的难题。如果我在这里错了，请告诉我。
【讨论】：
查看您将路径链接到您尝试显示的背景图像的页面具有以下路径：http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg 您可以看到您仍在引用您的 localhost 这是您的内部网络服务器，而不是您的现在正在使用。如果您删除 localhost 域，只要图像在正确的路径中，它应该可以正常工作。
【讨论】：
第 1 步 - Elementor -> 工具 -> 替换 URL -> http://localhost/ -> https://wwlandscaping.com -> 替换 URL
第 2 步 - Elementor -> 工具 -> 常规 -> 重新生成 CSS -> 重新生成文件和同步库 -> 同步库
第 3 步 - 转到页面并单击 elementor 中的编辑页面。选择图片背景并移除图片。
第 4 步 - 点击更新。
第 5 步 - 再次上传图片并点击更新。
【讨论】：
请尝试替换您的网址。在托管的任何服务器上登录您的 Wordpress 帐户。
在您的仪表板屏幕上，导航至 Elementor -> 工具。在常规选项卡中，重新生成 CSS 文件。
【讨论】：
一个简单的解决方法，因为 Elementor 的工具没有帮助：通过 FTP 连接到您的网站。
转到以下文件夹：/wp-content/uploads/elementor/css
下载它们并搜索并替换旧的后台 URL
对我来说，我在另一个文件夹中有一些 CSS：/wp-content/uploads/ao_ccss
我在那里更改了后台 URL，它解决了问题。
【讨论】：