如何使用 Elementor 添加两个背景图像？答案

【问题标题】：How can I add two background images with Elementor?如何使用 Elementor 添加两个背景图像？
【发布时间】：2022-01-27 02:12:11
【问题描述】：

我的问题

我正在尝试为我使用 Elementor 创建的 wordpress 页面设置两个背景图像。如果我为身体设置两个背景图像，我可以很容易地做到这一点。但是我的客户想在 Elementor 中自己编辑这些背景图像之一。问题是 Elementor 只允许我添加一张背景图片（Elementor 将其添加到正文中）。

如何为整个页面设置一张通过 Elementor 和一张通过 css 的背景图片？

我在想我需要在 body 标记的开头和结尾处再添加一个 div。但是如何在 elementor 中添加呢？

这就是我现在使用自定义 CSS 的方式。它可以工作，但是背景图像不能用 Elementor 改变。

body {
 background-image: url(image2.svg),
      url(image1.jpg);
}

【问题讨论】：

您可以使用自定义字段来存储第二个背景 url elementor.com/blog/wordpress-custom-fields 但是您需要从 PHP 中提取该值
除非您使用 Elementor PRO，它允许您«“动态”显示 Elementor 设计中自定义字段的内容»
哦，我确实使用专业版。听起来不错，我去看看！谢谢。

标签： css wordpress elementor

【解决方案1】：

一种方法是通过 css 在 html 标签上设置图像，然后使用 Elementor 设置另一个，因为它允许您进行放置等。

【讨论】：

是的，这是个好主意！我有点觉得这是不好的做法，但如果它有效，那应该没问题。
不是 100% 理想，而是一次性的，如果它在您需要或必须使用的系统中工作。

【解决方案2】：

你为什么还要使用 Elementor？我敢肯定你不能用它来做。只需告诉您的客户，他们无法在 Elementor 中更改它。

否则你需要在你的body之后添加一个自定义的div元素，就在它的末尾。但是如果你使用 elementor，你就无法做到这一点。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。