typo3添加图像资源作为背景

Question

我对typo3完全不熟悉，我需要从特定页面创建一个带背景的div。例如，在主页上，我想使用来自页面标识20的媒体资源。

我有类似的东西

page.20 = TEMPLATE
page.20.template = FILE
page.20.template.file = fileadmin/refood/layouts/home.html
page.20.workOnSubpart = DOCUMENT
page.20.subparts{
  BOX1 < styles.content.get
  BOX1.select.where = colPos=1
  BOX1.wrap = <div class="offers"><div class="home-box-desc"></div><div class="home-box-desc">|</div><div class="meta-square-green"></div></div>
  BOX1.stdWrap.typolink.parameter = 14 _self home-box }

我试图使用类似的东西

  references {
     table = pages
     uid.data = 20
     fieldName = media
    }
     renderObj = IMAGE
     renderObj {
      file.import.data = file:current:publicUrl
      altText.data = file:current:title
      wrap = <div class="offers">|</div>
    }
    BOX1.wrap = <div class="home-box-desc" style="background:url(|)"></div>

进入子部分，但没有任何反应。我该怎么做？