Overlay UI elements - best approach?

[clwd]

I am new to Quasar and really finding it useful. I have a new challenge. What is the best way to overlay several UI elements in this framework. I have background image that I would like to wrap across the page and over that image lay other UI elements (for example, another image(s) and text.

I thought about simply creating overlapping flex grid rows of elements, but this does not seem to be possible.

Any guidance would be greatly appreciated.

Thanks!

[isac]

I’m not sure if this will help you out. https://quasar.dev/vue-components/table#Example--Sticky-header
It’s not about what you should do, but it’s an example how Quasar do an overlay.

[clwd]

Thanks for the suggestion. I have explored this and I can’t see it working for stacking two images (larger background and inner-placed foreground) and some text. I am still looking at other options, including custom CSS, which feels wrong.

[clwd]

Applied custom CSS per the below article and everything else is easily aligned through Flexbox. Way to go Quasar team!!

https://stackoverflow.com/questions/60032018/setting-a-background-image-in-quasar-that-dont-overlay-the-card