Member Avatar for TrishM

Hi, Im really new to CS3 and am having a problem. I have created a website that has embedded pdf files laid out within a template. The problem I'm having is that now my multi-level vertical spry menu is coming up behind the pdf file. How do I make it display in front instead?
Thanks, Trish

  • 2 Contributors
  • 2 Replies
  • 81 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by TrishM

Dani AI

Generated

Embedded PDFs are often drawn by a plugin or native viewer on a separate, windowed surface that does not obey the page stacking order. That behavior makes simple CSS z-index tweaks unreliable in many browsers. was right to flag stacking limits, and 's switch to a collapsing side menu is a sensible UI workaround that avoids the overlay problem entirely.

For a more robust fix, render the PDF into the page instead of relying on the browser/plugin. Mozilla's PDF.js renders PDFs into canvas/DOM so overlays and menus respect normal stacking rules; it can be used via the bundled viewer or integrated programmatically (PDF.js). Other practical alternatives: convert PDF pages to images server-side (ImageMagick/Poppler) and use <img>, or present the PDF in a separate view/tab so no overlay is needed. Note that the Flash wmode trick is specific to Flash and does not apply to PDFs.

Compatibility tips: identify how the PDF is being delivered (plugin vs built-in viewer), test across current browsers (older Acrobat plugins may remain windowed), and prefer PDF-as-HTML solutions when overlays are required. For quick fixes, hide or slide the PDF element while a menu is open, or keep menus off the PDF area as implemented.

Recommended Answers

All 2 Replies

Member Avatar for MidiMagic

You are really supposed to put things side by side, rather than trying to pile stuff on top of other stuff. You might try z-axis, but don't expect it to work on all browsers.

Most players (.flv, .mpg, .pda) expect to be on top, because images can move in players.

Member Avatar for TrishM

Thanks MidiMagic, I figured it wouldnt work so solved my problem by using a collapsing side menu instead.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.