title: <div> layer on top of PDF
body: <p>So, the problem I face is like this:
  I have a  layer, which it will be placed on top of a pdf on the page. The PDF is either using  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 , that layer still goes behind the PDF. any idea how to fix that?</p>
  
  <p>here is th code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  &lt;!--#apDiv1 {
      position:absolute;
      left:543px;
      top:16px;
      width:206px;
      height:223px;
      z-index:1000;
      background-color:#999999;
  }
  &lt;/style&gt;
  &lt;body&gt;
    &lt;!-- embed the pdf  --&gt;
  &lt;object data="test.pdf" type="application/pdf" width="600" height="500" style="z-index:1" wmode="opaque"&gt;
    alt : &lt;a href="test.pdf"&gt;test.pdf&lt;/a&gt;
  &lt;/object&gt;
  
    &lt;!-- layer --&gt;
  
  &lt;div id="apDiv1" &gt;Whatever text or object here.&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>