Forum How do I...?

Image in @top and Text over it

icevan
Hello!
Search by forum did not give me anything by it.

I spend 3 days+ o on how but no results :-(

Please explain me, how add text over the header if i want use header as
@top { content: URL('header.png')}

Why i want do it?
Becouse in in HTML source header is image with text over it.
Manually separate HTML template on pages is not good and cannot by automated

Hope on help!
mikeday
It might be easier to make the header as a HTML element in the document, eg. a <div> with an image background and text over it, and then use the flow property to move it up into the page header, like this:
@page { 
    @top { content: flow(header) }
}
div.header {
    flow: static(header)
    background: url("header.png")
}
...
<div class="header">
Text goes here
</div>
icevan
Thanks! Go to try it!