typo3 add image resource as background
<p>I'm totally new to typo3, I need to make a div with background from a specific page. For example on home page, I would like to use a media resource from page id 20. </p>

<p>I got something like that</p>

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

<p>I tried to use something like that </p>

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

<p>Into a subpart part, but nothing happens. How should I make it ? </p>