I have implemented a modal div as an overlay to disable the background page while the overlay DIV is open. Below is the code I am using:
#TB_overlay {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
Although this setup works well on desktop browsers, I have encountered an issue on iPad where the overlay window only covers up to the screen height and not the entire page. How can I resolve this problem?
I am aware of some known issues with position:fixed and that setting a fixed pixel height value can potentially fix this issue.
If you know of any other workarounds or solutions for this problem, please share them with me.