Dropdown menu goes behind PDF file.

I have embed a pdf file into a web page. But unfortunately, when I open the dropdown menu, it is hidden by the pdf file. is any way to fix it?
I used iframe to embed the pdf file. and As I know, for flash, we can set the wmode property as 'transparent' to fix it. is any similar property to adobe reader.
Thanks,
Wu Cao

I managed to answer the question after much research. It seems that the z-index attribute didn't work but another parameter for flash called "wmode=transparent" worked. My drop down css menu now goes over my flash movie!!
The code that work is as follows if anyone is interested:
<div style="text-align: center">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="640" height="342"
id="main_page" align="middle" >
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="main_page.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="loop" value="true"/>
<param name="wmode" value="transparent">
<embed src="main_page.swf" quality="high" bgcolor="#ffffff" width="640" height="342" name="main_page" align="middle" wmode="transparent"
allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer" />
    </object>
</div>

Similar Messages

Why is the bar menu of the pdf file, (often) only showing the lower half?

why is the bar menu of the pdf file, (often) only showing the lower half?

Pat,
I attach a few recent examples
any thought ?
sincerely,
marcel

Sub menu going behind the BOL using HTML object in IE

when i am implementing PDFs bol object in my webpage using simple html object, it is displaying well in both chrome and Explorer( IE
11). The main problem is the sub menu's of main navigation(sub menu) is going behind of PDFs viewer in Explorer (IE) . And one more thing all the position attributes and z-index values are fine . This is a problem with object . please show me solution. I am
not able to create fiddle for this. for more details see my below code and run in your Internet Explorer browser and hover
the "step 2" navigation menu.
<!DOCTYPE html>
<html>
<head>
<style>
body{margin:0 auto;width:500px;}
header{height:60px;background:#ccc;}
ul#mainnav{list-style:none;display:block;}
ul#mainnav li{float:left;width:80px;}
ul#mainnav li#step2 ul#submenu{display:none;list-style:none;margin-margin-}
ul#mainnav li#step2:hover ul#submenu{display:block;}
ul#mainnav li#step2 ul#submenu li{float:none;height:30px;border-bottom:1px solid #fff;background:#000;color:#fff;display:block;}
</style>
</head>
<body>
<header>
<ul id="mainnav">
<li>step1</li>
<li id="step2">step2
<ul id="submenu">
<li>step2 1</li>
<li>step2 2</li>
<li>step2 3</li>
<li>step2 4</li>
</ul>
</li>
<li>step3</li>
<li>step4</li>
<li>step5</li>
<li style="clear:both;"></li>
</ul>
</header>
<div style="width:300px;height:400px;border:2px sild #fff;float:left;">
<object data="http://www.pdf995.com/samples/pdf.pdf" style="width:94%;height:94%;padding:5px;" type="application/pdf" wmode="transparent" >
<param name="wMode" value="transparent"/>
</object>
</div>
</body>
</html>
COPY THE ABOVE CODE TO YOUR NOTEPAD++, AND SAVE AS INDEX.HTML, AND RUN THIS CODE IN YOUR INTERNET EXPLORER BROWSER, AND MOUSE OVER ON "STEP 2", AND OBSERVE THE SUB MENU IS GOING BEHIND THE OBJECT LAYER. THIS IS HAPPENING ONLY IN INTERNET
EXPLORER.
please install adobe reader in your system and check
PLEASE HELP ME TO FIX THIS PROBLEM

Hi Vallabha,
Thanks for posting in MSDN forum.
I have ran your code and understood your issue. But I cannot find a standard answer. z-index property cannot work with such a object tag. After some search on the web, I find this may be a workaround for this problem.
http://stackoverflow.com/questions/25760079/jquery-combobox-behind-embedded-object-ie-only
Best regards,
Shu Hu
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Long Vertical CSS dropdown menu goes off screen

Greetings,
I developed a dropdown menu using Spry (Adobe Dreamweaver). It is a vertical menu with multiple sub-menus. Some lists are very long and the menu goes below and off the page.
I found a great example of what I want my menu to do: http://coins.shop.ebay.com/
On the side, it says "Browse By:" and there is a vertical menu. If I shrink the page up vertically a little and watch the sub-menus pop out, I notice they get pushed up if the parent is close to the bottom of the screen, which ensures that none of the options go off the page, they get pushed up.
How can this be done?
Thanks

Have a look here http://pleysier.com.au/mike/
Maybe this is for you.
For the accordion I have used jQuery UI Accordion for Widget Browser which can be found here http://emea-events.wip4.adobe.com/cfusion/exchange/index.cfm?event=ext ensionDetail&loc=en_us&extid=2028523
If you are using DWCS4 or 5, then you can easily incorporate the widget, if not then it is a matter of copying and pasting the code.
Gramps

Spry Horizontal Menu going behind Div in IE

I'm having an issue with spry in dw 3. I've inserted a
horizontal menu with submenus that run vertically, nothing fancy.
In firefox and opera the menus float on top of the div underneath
just fine, however in IE the submenus go behind the div below the
menu. I've updated to 1.6.1 spry and have inserted the fix for IE
to make the submenus view horizontally as opposed to vertical. Your
thoughts are appreciated.

I'm having a similar issue in IE7 in that my
Spry submenus drop down behind the tabs in
the Spry tabbed panels div I created following my navigation div. Any help out there?
Thanks!

Dropdown Menu CSS Style

Hi!
I am trying to create a dropdown menu in Dreamweaver. I have watched several tutorials and read many how-to guides and my html looks fine, but editing the style is really throwing me off. I am a beginner to Dreamweaver, so I am unsure of the properties I need to make this right. The code below, when I hover over the first button the dropdown menu goes behind the other two buttons. I need the dropmenu to go off to the side of the buttons and down. If not that, I can align the buttons to go horizontal, so they aren't being covered. I hope that makes sense.
Thank you in advance!!
-M
HTML
<div class="dropdown" id="dropdown" style="text-align: left;">
<ul>
        <li><a href="#">Americas</a>
           <ul>
                   <li><a href="#">Connecticut</a></li>
                    <li><a href="#">Ohio</a></li>
                    <li><a href="#">Vermont</a></li>
                    <li><a href="#">California</a></li>
                    <li><a href="#">Canada</a></li>
                    <li><a href="#">Brazil</a></li>
           </ul>
        </li>
</ul>
<ul>
       <li><a href="#">China</a>
             <ul>
                     <li><a href="#">China</a></li>
               </ul>
        </li>
</ul>
<ul>
        <li><a href="#">Europe</a>
            <ul>
               <li><a href="#">France</a></li>
               <li><a href="#">UK</a></li>
            </ul>
        </li>
</ul>
</div>
STYLE
#dropdown {
margin: 0;
width: 150px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
#dropdown ul {
margin: 0;
padding: 0;
line-height: 30px;
#dropdown li {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    position:relative;
#dropdown ul li a {
text-align: center;
height: 30px;
width: 150px;
display: block;
color: #000;
text-decoration: none;
border: 1px solid #000;
text-shadow: 1px 1px 1px #000;
background: #CCC;
#dropdown ul ul {
position:absolute;
visibility:hidden;
top:32px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
#dropdown ul li:hover ul {
visibility:visible;
position:absolute;
   #dropdown li:hover {
background: #7D92C6;
float: left;
    #dropdown ul li:hover ul li a:hover {
    color:#000;
    background:#7D92C6;
#dropdown a:hover {
color:#000;
background: #7D92C6;
.clearFloat {
    clear:both;
    margin:0;
    padding:0;

Are you doing this as an execise in learning or is it for a real website. I ask because if the latter why not just use a tested and proven commercial product and be done with it? I have used the PVII (http://www.projectseven.com) products for years and can't recommend them highly enough.

PDF hides dropdown menu

This issue is similar to issue 510902 in this forum. On our website we have a Dropdown listed in a table and then we pull in PDF files into the body of the page which is setup like a frame. However, when a PDF is being pulled in (not using any target) the dropdown menu hides behind the PDF. I have tried setting the PDF in an IFrame and the same thing takes place. We also have tried placing different targets around the PDF but the same thing happens. I have been reading everywhere where this is an issue but no fix. Does Adobe have an answer to this?
Thanks,

Answered on this very forum within the last 2 hours.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Lerbekmo" <[email protected]> wrote in
message
news:enmii4$35u$[email protected]..
>
http://2006.maximizer.com/about/customers/index.html
>
> when you scroll over 'company' in the main navbar at the
top of the page,
> you'll see what happens - any ideas anyone?

Menu is getting hidden behind pdf object in Internet Explorer.

Hi,
I am developing a web app, in which I am using object tag to show pdf files. The page is working fine in Chrome, Firefox browser and other browsers too except for Internet Explorer.
Problem:
The submenu options are getting hidden behind the pdf object tag in Internet Explorer(all).
Reference:
1. http://stackoverflow.com/questions/27655374/sub-menu-is-hidden-behind-pdf-type-object-issue-in-internet-explorer?noredirect=1#comment43754776_27655374
2. http://stackoverflow.com/questions/27655470/sub-menu-going-behind-the-pdf-using-html-object-only
I have looked into many blogs and forums but couldn't find the solution.
Please don't suggest the solution which is proposed in the below link,
http://stackoverflow.com/questions/25760079/jquery-combobox-behind-embedded-object-ie-only
as the above link is for select drop down, and my submenu are based on ul li tags.
Guys, is it a known bug which is in IE?
Thanks

This should be a bug in IE, you can try submit it to the IE connect and wait for MS's reply.

Z-index question with dropdown menu and swf file

I am currently using All Web Menus for the navigation of my
site. I want to switch to Pop Menu Magic. The All Web Menu works
fine with the swf file I have underneath it on my page but when I
put in the pop menu magic the dropdown part goes behind the swf
file. The z-index is still the same. Is there something else I
should be looking at?
Thanks for any help.

see if this helps:
http://www.projectseven.com/support/answers.asp?id=127
andrea_msc wrote:
> I am currently using All Web Menus for the navigation of
my site. I want to
> switch to Pop Menu Magic. The All Web Menu works fine
with the swf file I have
> underneath it on my page but when I put in the pop menu
magic the dropdown part
> goes behind the swf file. The z-index is still the same.
Is there something
> else I should be looking at?
>
> Thanks for any help.
>

Can't Print PDF files

I have the free version of Acrobat Reader 7 on my computer at home, and have no problems printing pdf files in Word, Excel, etc. At work there is the free version of Acrobat Reader 7 and I cannot print pdf files in Word, Excel, etc. When you select "Print" and the list of printers are displayed on the dropdown menu, the Acrobat pdf is not displayed. What needs to be installed so I print pdf files at work?
Thanks

Adobe Reader 7, Adobe Acrobat 7 Standard, or Adobe Acrobat 7 Professional? Acrobat Reader 7 doesn't exists.

Lost dropdown thumbnail pages for pdf docs

How do I get back the dropdown menu for my pdf documents?

Please eloborate more about the issue.
What do you mean by dropdown thumbnail?
What are the steps to replicate the issue?
Which version of Acrobat?

How to contorl ring's dropdown menu position?

Hi All,
I have ring controls on FP. The problem is, when the ring text string is long, the dropdown menu goes over the screen and shows up a few centimeters over to the left.
Any way to control the dropdown menu position? It's just not in the right spot and looks wired.
Thanks a lot for any help.
Anne

Since the ring control on FP is just beside the monitor right border and its text string is longer than it's actual size, when I click on it, the dropdown menu shows up a few centimeters over to the left instead of going out of the screen. I guess it's a build in feature, but looks bad.
I am using classic ring contol, and labview 8.5.1.
Here is the screencopy. Thanks

List Menu Fighting With Embedded PDF Files, sub-items pop up behind the embedded PDFs

I’m trying to embed PDF file that will stay behind my javascript pop up menus on my website.
I tried setting the z-index for the menu in the css to 10 and the z-index on the embedded file to 1, that didn’t seem to do anything.
I know that you can embed a swf as an object and set the wmode to “transparent” , but it doesn’t seem to work the same way with a PDF. Any help would be greatly appreciated.
Thanks,
Charey

Try this app: http://tyorex.com/iWorkConverter
Batch convert Pages files to doc and pdf.

While opening pdf files the menu bar, navigation bar cracks unobviously and also close and minimise buttons goes hidden..Facing the problem for last one month. Please help.

while opening pdf files the menu bar, navigation bar cracks unobviously and also close and minimise buttons goes hidden..Facing the problem for last one month. Please help.

The latest Kaspersky software version is 15.0.1.415 or 15.0.1.415ab.

Embedded pdf displays on top of my dropdown menu

I have a dropdown menu and some of my content is displayed via an embedded pdf. The client really does not want an extra window to have to open for this .. very clunky. I have spent the better part of my weekend trying to solve this problem .. z-index doesn't do it .. iframes do not do it .. nothing I have found that is supposed to work has actually worked.
Finally I find this:
Adobe PDF documents are not indexable. It is impossible to get any web content (including drop down menus) to display on top of these objects. Until Adobe adds a means of displaying web content over embedded PDF files, the PDF or the web content (in your case, menu) will need to be repositioned. Or alternatively, you can have the PDF document open inside of a new window. Unfortuantely, there are no other options available due to the way Adobe renders PDF files inside of web pages.
True? If so .. why? If there is a solution to this, please do share.
Thanks!
Nancy

I just solved this problem myself (I think).
First, make sure you have updated your spry to 1.6. Once you
do that, then find the "hacker" info at the bottom of the menu code
that creates an iframe behind your menu bar--the background is set
to white--change to transparent and should solve your problem.
Or you can change the javascript for menu bars (under
spryassests for spry menu bars)--there is part of the code that
says this.createIframelayer(menu)--if you comment out this by
placing // before it in the code, the white background goes away.
However, I would recommend trying updating first and not messing
with the javascript as it will affect how your menu looks in older
IE versions.

Dropdown menu goes behind PDF file.

Similar Messages

Maybe you are looking for