Tengo una pagina en la cual muestro documentos PDF y justo encima tengo un menu desplegable hecho con jquery, el problema se presenta que al desplegarse el menu este queda por debajo del pdf.
Las soluciones que he visto (ya que ya estube buscando informacion) son:
agregar el pdf con una etiqueta embed y agregar el parametro wmode transparent, algo asi:
Código:
o bien<object .... > <param name=wmode value=transparent /> <embed src="documento.pdf" .... wmode="transparent"> </embed> </object>
Código:
o bien con css agregar un z-index, esta prueba la hice agregandole al menu un z-index con un valor por arriba de 5 para tratar de que la capa siempre quede como la principal, o bien envolviendo el pdf en una etiqueta div con el z-index con un valor de -1 para enviarla al fondo pero tampoco me ha servido.<object .... > <param name=wmode value=opaque/> <embed src="documento.pdf" .... wmode="opaque"> </embed> </object>
Agradeceria cualquier ayuda. Cabe mencionar que lo he probado con IE 8. IE 6 y Firefox 3.6 y en ninguno me han servido las soluciones.
Salu2...
P.D.: Estas soluciones las he visto para archivos swf (flash) que a algunos usuarios les ha funcionado, pero lamentablemente a mi con el pdf no.