Modal windown over ion-header and ion-footer


I’m really new in this, and hope you can help me with this.
I want to set a div container, that contains another div with some message, inside ion-content… Need this to act like a modal windown, but I have problems with the ion-header and ion-footer overlap.

It is possible to overlap the div container to the header and footer to make this works like the background w/ transparency of the modal?
Also, hope it were possible with pure css :pensive: