CSS navigation drop downs are hidden when <embed> is used.

[John]

I have CSS drop down navigatoon bar and it works fine.

However, when I have page where I have an <embed - needed to show a PDF
file, such as:

<embed src="Security.pdf" width="900" height="500"></embed>

When the mouse passes over the navigation bar, the drop downs are hidden
behind the PDF page.

For all other HTML pages, the navigation drop downs cover whatever is there
on the page.

Why does it behave like that for the <embed>?

Regards
John


--------------------------------------------------------------------------------
I am using the free version of SPAMfighter for private users.
It has removed 38766 spam emails to date.
Paying users do not have this message in their emails.
Try SPAMfighter for free now!

[Steve McQueen]

John wrote:

I have CSS drop down navigatoon bar and it works fine.

However, when I have page where I have an <embed - needed to show a PDF
file, such as:

<embed src="Security.pdf" width="900" height="500"></embed>

When the mouse passes over the navigation bar, the drop downs are hidden
behind the PDF page.

For all other HTML pages, the navigation drop downs cover whatever is there
on the page.

Why does it behave like that for the <embed>?

Regards
John


--------------------------------------------------------------------------------
I am using the free version of SPAMfighter for private users.
It has removed 38766 spam emails to date.
Paying users do not have this message in their emails.
Try SPAMfighter for free now!

Although I rarely work with EMBEDs before, my guess would be the Z-index
on the EMBED is higher then then NAV bar.

Lemme know,
Steve

[Vid the Kid]

On Jan 17, 11:19 am, "John" <[e-mail]:

I have CSS drop down navigatoon bar and it works fine.

However, when I have page where I have an <embed - needed to show a PDF
file,
When the mouse passes over the navigation bar, the drop downs are hidden
behind the PDF page.

Why does it behave like that for the <embed>?

Because the browser does not actually include the PDF contents in the
canvas. Instead, it reserves the space for it, renders everything
else on the HTML document, then calls a helper program (the PDF
browser plug-in) to do its thing with the portion of the window needed
for the rendering of the <embed>. The browser, as programmed, simply
cannot draw over top of <embed>ded content.

Actually including the <embedcontents in the canvas in a z-orderable
way is possible (from the standpoint of programming the browser) but
would present a few more challenges than the way it's typically done
now. Combine that with the probability that browser developers
haven't considered that someone might want to do what you want to do,
and that's why <embedobjects come out on top in most browsers.

--
Vid the Kid