在 Drupal 中应用图像作为背景

Question

我为一个模块创建了一个模板，并想打印以将图像作为背景。

如果我这样做，

{{content.field_background_image}}

我看到图片路径：/sites/default/files/2019-09/carrots-1082251_1280.jpg

但是如果我在 HTML 中尝试它，当我刷新它时页面会中断：

<div class="slide-content-wrapper" style="background-image: url('/{{ content.field_background_image }}')">

如何将内容图片作为背景？

Answer 1

我最初也很难弄清楚这一点。以下是您可以执行的操作：

1. 转到您的模板所针对的内容类型的“管理显示”。
2. 确保图像字段上的格式设置为“URL 到图像”而不是“图像”
3. 然后在您的模板中编写以下代码：

<div style="background-image: url({{ content.field_background_image['0']['#markup'] }})">

当您插入 {{ content.field_background_image }} 时，它上面有一大堆属性和值，因此您必须访问图像 url 所在的特定字段。