468,170 Members | 2,006 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,170 developers. It's quick & easy.

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

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!
Jan 17 '07 #1
2 3380
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

Jan 31 '07 #2
On Jan 17, 11:19 am, "John" <john1...@yahoo.comwrote:
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

Feb 2 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

reply views Thread by Wolfgang Schwanke | last post: by
1 post views Thread by Frances Del Rio | last post: by
reply views Thread by Andy Dingley | last post: by
reply views Thread by Chris Leffer | last post: by
reply views Thread by OldProfessor | last post: by
1 post views Thread by gcdp | last post: by
reply views Thread by kamranasdasdas | last post: by
reply views Thread by gcreed | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.