Iframe Issue When I Open Pdf Dialog Box Goes Behind Pdf

I am facing big issue in my site, even after googling lot of I didn't find any perfect solution. In my web site I have included iframe in one page for viewing pdf files, But when I

Solution 1:

I've had a similar problem with a file upload form I use thats within a jquery ui dialogue. I use this snippet:

functiongetMaxZ() {
        var opt = { inc: 5 };
        var def = { inc: 10, group: "*" };
        $.extend(def, opt);
        var zmax = 0;
        $(def.group).each(function () {
            var cur = parseInt($(this).css('z-index'));
            zmax = cur > zmax ? cur : zmax;
        });
        zmax += def.inc;
        return zmax;
    }
     var zIndexMax=getMaxZ();

$("#"+gridName).css({"z-index": Math.round(zIndexMax)});

Works like a charm for me, before my popup dialogues would appear behind the jquery ui one, now they don't. Hopefully it'll help you out.