In item vue : how can I have an image behind the item

Hello,

I want to have a picture displayed in the background of the normal viewing of a flexi item. Behind the title and all FC fields.
I want this only for the item layout.
This picture is in a FC field.

I think I have to make a new template for that. But I don't know how to display an image in the background.

Can you help me, please?

i think :
diplicate your item template
put your field inside render only position
check your div for background

Hello

a small correction to micker's answer:
1. edit layout and add field into the renderonly position
2. use thumbnail URLs of all images (gallery mode) (thumbnail sizes: small, medium, large)
e.g.
<div style="background:<?php echo $item->fields["YOURFIELDNAME"]->thumbs_src[0]; ?>;">
">
...
</div>

See more here:
About custom display of image / gallery field

thanks for correction

Hello,

Thank you for your help, I'll test that ASAP.
Merry Christmas to you

Hello,

Not sure it's the best way, but here is what I done. For feedback and sharing.

- duplicate the template 'default'
- edit the Item layout
- select the item_html5.php
- "load/customize the system's default"
- I didn't find where to put the div you talk, so I addat the line 66 of item_html5.php, so now it's like that :Not sure if it's the best way... but it works

You can note:
- I add the "url()" parameter in the background property
- with "no-repeat center 0 / 100%" it works fine with my responsive template

thanks for share solution