By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,624 Members | 2,229 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,624 IT Pros & Developers. It's quick & easy.

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

P: n/a
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
Share this Question
Share on Google+
2 Replies


P: n/a
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

P: n/a
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.