So, the problem I face is like this:
I have a <div> layer, which it will be placed on top of a pdf on the page. The PDF is either using <object> to embed, or iframe to include it. However, CSS style doesn't apply on PDF (because it is a plug-in? ). Therefore, even I put z-index:1000 for the <div>, that layer still goes behind the PDF. any idea how to fix that?
here is th code:
<!-- embed the pdf -->
<object data="test.pdf" type="application/pdf" width="600" height="500" style="z-index:1" wmode="opaque">
alt : <a href="test.pdf">test.pdf</a>
<!-- layer -->
<div id="apDiv1" >Whatever text or object here.</div>
Oh. I even use wmode="opaque" as in flash. but it still doesn't help.