<div> capa encima de PDF

Entonces, el problema que enfrento es el siguiente: tengo una capa, que se colocará encima de un pdf en la página. El PDF se usa para incrustar o iframe para incluirlo. Sin embargo, el estilo CSS no se aplica en PDF (¿porque es un complemento?). Por lo tanto, incluso pongo z-index: 1000 para el, esa capa todavía va detrás del PDF. ¿Alguna idea de como arreglarlo

aquí está el código:

<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>

Respuestas a la pregunta(6)

Su respuesta a la pregunta