在Drupal中应用图像作为背景

在Drupal中应用图像作为背景,drupal,twig,Drupal,Twig,我为一个模块创建了一个模板,并希望打印一个图像作为背景 如果我这样做 {{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_backgrou

我为一个模块创建了一个模板,并希望打印一个图像作为背景

如果我这样做

{{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 }}')">


如何将内容图像作为背景?

我最初也很难弄清楚这一点。以下是您可以做的:

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

    当您插入{{content.field\u background\u image}时,它有一大堆属性和值,因此您必须访问图像url所在的特定字段。

    非常感谢对@Soren Baird的支持