Split-pane css full screen


When using ion-split-pane how could I display an element, child of ion-content dom, over the all screen respectively over both content and menu on large screen with css?

For example, when I set following attributes to a div:

left: 0;
top: 0;
position: absolute;
height: 100%;
width: 100%;

my div just gonna cover ion-content and not gonna cover the ion-menu

ps.: I’m asking if there is a solution with css without having to move the element in the dom, like without placing it outside ion-content


Mmmh I think actually it’s not possible, element has to be moved to the parent respectively outside ion-content (update: even outside ion-nav)