Overlay over fancybox content on iPad

[Peter Browne]

On the iPad, the overlay extends over the top of fancybox content, so medai such as images and video is dark.  Also, I have used closeClick: false, yet on the iPad this doesn't work...touching the play  button on an embedded video closes fancybox.  Any ideas how I can fix these issues?

Peter

[Peter Browne]

Interestingly, if I comment out this block of css, I can click on the fancybox video on an ipad without it going away and play the video:

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 9999;
background: url('fancybox_overlay.png');

[Peter Browne]

If I change the css to the following, all is fine on desktop and ios devices:

.fancybox-overlay {
    position: relative;

    top: 0;
    left: 0;
    overflow: hidden;
    display: none;

/*    z-index: 9999;*/

background: url('fancybox_overlay.png');
}

On Thursday, February 14, 2013 2:35:26 PM UTC+8, Peter Browne wrote: