I want to create a template like the below image.
The yellow block displays a transparent background colour over the top of the header block.
How can I do this using HTML & CSS?
Absolute positioning inside relative objects in CSS will give you the ability to position an object outside of the normal flow and to overlap items.
The outer element (which holds the object) should be set to
The position of the absolute object can then be controlled by the
Also, you may find