Question

I have created an html5 application in which I open an pdf, after opening PDF my application goes to background. Is there any option to bring it back to foreground?

Answer 1

You can use pdf.js and embed the pdf file on the same page. Then you can use the z-index css property to bring what ever element to the front. An element with greater stack order is always in front of an element with a lower stack order.

On your user action event handler you do something like this:

myElement.style.zIndex = 1000; // DOM Scripting Example (Single Element)

// or

$('#myElement').css('z-index', 1000); // jQuery Example (All elements with the "myElement" id)

myElement represents the element you wish to bring to the top.