<div> layer on top of PDF.
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:
Code:
<style type="text/css">
<!--#apDiv1 {
position:absolute;
left:543px;
top:16px;
width:206px;
height:223px;
z-index:1000;
background-color:#999999;
}
</style>
<body>
<!-- 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>
</object>
<!-- layer -->
<div id="apDiv1" >Whatever text or object here.</div>
</body>
Oh. I even use wmode="opaque" as in flash. but it still doesn't help.
