I need to show a demo screen to the user which actually depicts what the user can do on any particular screen. Like guidelines.
I have an image for that and that has to cover the whole screen on press of some Help button.
The problem is that no matter how high I give the z-index to the div containing the image, it does not cover the header.
Any reason why ? In any case, how do I achieve this i.e. cover the whole view and header by another div.
The structure of the code is -
<ion-header></ion-header> <ion-view> <div class="this-is-the-translucent-div" style="z-index: 15"> <img/> </div> </ion-view>