Shaye Larsen
asked on
Embeded PDF and z-index
I have a menu that opens either videos or pdfs into an iframe. It is a very user friendly way of helping my users go through out content and the videos pertaining to the content. The only problem is that when I embed a pdf file it covers the drop down menus to navigate to other docs.
This is my page structure
************************dr
--------------------------
_____________video or pdf embeded___________
I need to figure out a way to get the drop down to appear over the pdf. I have gone through all the work arounds in the search engines. There is one to make it hide the pdf when being moused over, I cannot allow that one.
I have tried the classic approach of how to do this with flash (setting wmode to transparent), and it doesn't work for PDFs.
Please help! Thank you very much.
Here is my embed code for the PDF:
This is my page structure
************************dr
--------------------------
_____________video or pdf embeded___________
I need to figure out a way to get the drop down to appear over the pdf. I have gone through all the work arounds in the search engines. There is one to make it hide the pdf when being moused over, I cannot allow that one.
I have tried the classic approach of how to do this with flash (setting wmode to transparent), and it doesn't work for PDFs.
Please help! Thank you very much.
Here is my embed code for the PDF:
<object style="width:700px; height:350px; z-index:-50;">
<param name="wmode" value="transparent" />
<param name="src" value="http://www.fabuso.com/starteconome/pdf/GB_Introduction.pdf">
<embed src="http://www.fabuso.com/starteconome/pdf/GB_Introduction.pdf" wmode="transparent" style="width:700px; height:350px; z-index:-50;"></embed>
</object>
hankknight
If you want this to work with all browsers you will need to place the drop down menu inside an iframe.
Can you provide the full html code? At first glance It looks as though defining position: relative; or position: absolute; to the object and/or embed might solve this.
ASKER
I can't do it from an iframe as a drop menu can't drop outside of the iframe's boundaries.
I can't seem to get it to work with your suggestions still. Sorry, can't supply all the code. Thanks for your help, but like other posts have said, it isn't possible because "The problem occurs because both .doc and .pdf are using their native programs for display - neither one is native to the browser. I don't know of any workaround available today." source = http://www.webmasterworld.com/html/3503870.htm
For now I think I will have to move away from using PDFs unless someone is certain on a solution.
I can't seem to get it to work with your suggestions still. Sorry, can't supply all the code. Thanks for your help, but like other posts have said, it isn't possible because "The problem occurs because both .doc and .pdf are using their native programs for display - neither one is native to the browser. I don't know of any workaround available today." source = http://www.webmasterworld.com/html/3503870.htm
For now I think I will have to move away from using PDFs unless someone is certain on a solution.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you