menu to show over PDF in IE

Brook Braswell
Brook Braswell used Ask the Experts™
on
This has likely been hashed around before but I am needing to have a menu show over a PDF.
Only IE ( 6 - 9 ) has this problem.  It works great in Mozilla.

<ul id="mynav" >
  <li id="toplevel" >Kewl Stuff
    <ul id="subnav">
     <li>two</li>
     <li>three</li>
     <li>four</li>
     </ul>
   </li>
</ul>

// PDF down here...
<object type="application/pdf" data="mypage.pdf"></object>


menu always falls behind the pdf in Internet Explorer...

What to do ?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
AlexSoftware Engineer

Commented:
Did you try to give a z-index to the css of the menu element?
Brook BraswellApplication Development Manager

Author

Commented:
Yes...
The z-index will not work in these cases as the PDF, though showing in the page either with an OBJECT or an EMBED tag, is not affected since it is sorta in its' own state.
This is at least what I have read and experienced.  That being the case, somehow Mozilla was able to over come this but IE does not.  There must be a way to force the PDF behind the menu in IE as well.
Most Valuable Expert 2011
Top Expert 2016

Commented:
This may not be the answer you want to hear, but it could be something that works.  Turn the PDF into an image.  Then it should obey the Z-Index.

I have never tested this, but I'll try it and see what happens.
Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

Brook BraswellApplication Development Manager

Author

Commented:
I will discuss with my client as they can click the PDF to open it...
I am running a file upload site and would need to then convert the first page of the pdf to a graphic like jpg...not sure it will fly.  

Would rather look for a solution.
Most Valuable Expert 2011
Top Expert 2016

Commented:
Sidebar note... Mozilla will not render the PDF directly from the <img> tag (probably no browser will do that).  It would need to be "imagized."
http://www.laprbass.com/RAY_temp_brook1966.php
http://www.laprbass.com/RAY_junk/temp_pdf_blue.pdf
Brook BraswellApplication Development Manager

Author

Commented:
Ray,
   Do you have a way to open the PDF or convert the PDF to a JPG for this purpose ?
Most Valuable Expert 2011
Top Expert 2016

Commented:
Sorry, I do not.  I have wrestled with this in the past for a client that wanted to make an image from a PDF and I never found a satisfactory solution.  We ended up using a single standard image to represent the PDF.  The image was wrapped in a link to the actual PDF.  So even though it looked "generic" it was a specific pointer to the correct document.Generic PDF Icon
Brook BraswellApplication Development Manager

Author

Commented:
Yes...
I am giving my users a link to the underlying PDF and awaiting the client to approve showing a graphic rather than the actual PDF.
Brook BraswellApplication Development Manager

Author

Commented:
Ray..
Anything on this as of yet ?
Most Valuable Expert 2011
Top Expert 2016
Commented:
No, I think it is something of an intractable problem.  The file types you are using do not work the way you want.  Browsers do not render PDF files as images.  Browser use plug-ins for PDF files.  I do not know of a way to turn a PDf file into an image that looks like the first page of the PDF file.  You might want to consider posting a question about that in one of the Adobe zones.
Brook BraswellApplication Development Manager

Author

Commented:
I have written my own snippet in vb6 to turn the first page of a PDF into a JPG.
I can control when a user uploads a PDF and generate a JPG at that time and then show the JPG in the browser instead of the PDF for IE.

I am more concerned with the menu flowing over the PDF in IE as the above solution is only a work around.
Most Valuable Expert 2011
Top Expert 2016

Commented:
Menu flowing over the PDF or over the JPG image of the PDF?
Brook BraswellApplication Development Manager

Author

Commented:
Over the PDF
Most Valuable Expert 2011
Top Expert 2016

Commented:
Please post a link to the page that displays the PDF.  Once we see that we can consider how to make a menu flow over it, if we can get the PDF to display in the browser viewport.
Brook BraswellApplication Development Manager

Author

Commented:
Here is a temporary version of the site.  I had to spend some time cleaning client data off the site.

webapp.paladin-pro.com/inspirere/index.php?AUK=2&m=4&atch=144

Thanks
Most Valuable Expert 2011
Top Expert 2016

Commented:
Interesting... Looks like the PDF is displayed as an object
<object wmode="transparent" type="application/pdf" data="./Att/Georgia/Atlanta/Ghostly Night on Cumberland.pdf" width=100% height="490">

Open in new window

Not sure if it matters, but you might want to have a look at this.
http://validator.w3.org/check?uri=http%3A%2F%2Fwebapp.paladin-pro.com%2Finspirere%2Findex.php%3Fm%3D4%26atch%3D144&charset=%28detect+automatically%29&doctype=Inline&group=0

Anyway I guess the question is "How do I get HTML to appear over the top of an object?"
Dave BaldwinFixer of Problems
Most Valuable Expert 2014

Commented:
For what it's worth, my old Adobe Photoshop 6 will open a PDF file and render a page as an image.  I would expect that newer version would do it better.
Brook BraswellApplication Development Manager

Author

Commented:
Ray,
   <  Interesting... Looks like the PDF is displayed as an object  >

Is there a more accurate way to display a PDF ?
Brook BraswellApplication Development Manager

Author

Commented:
Anyone ?
Brook BraswellApplication Development Manager

Author

Commented:
Have I been abandoned ?
Brook BraswellApplication Development Manager

Author

Commented:
Ray I too have tried everything else and have given up trying to show the PDF in IE so that the menu will flow over it.  I will post the conversion to the Adobe Zone and research the conversion on my own as well.

Thanks
Most Valuable Expert 2011
Top Expert 2016

Commented:
Thanks for the points and best of luck with it, ~Ray

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial