Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/02/2012, 10:15
Avatar de mayid
mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 8 meses
Puntos: 101
cubrir un iframe con una capa, evitando clicks

Necesito un iframe para mostrar canales de TV en un sitio web. El iframe contiene elementos flash (el reproductor de la tv) que si uno los clickea redirigen a otra web. Es esto lo que quiero evitar, subriendo el iframe con un div, puesto que con js me ha sido imposible capturar los clicks.

El problema esta en que a menos que mi div tenga un color sólido, no cubre el iframe. Y no se por qué sea así! Es decir, mi div cubre el iframe casi completamente, pero solo en tanto tengo un color asignado. Si no lo tiene, el iframe predomina sobre el div.

Probé varias cosas:
- usar un png transparente como color de fondo.
- usar transparencia: rgb(0, 0, 0, 0,1) Pero al poner transparencia ya no funciona el truco de solapar el iframe con un div.
- poner position relative y z-index: -1 al iframe (mientras que pongo z-index alto para mi div )

Mi div tiene posicion absolute, es block, tiene ancho y alto definidos y no flota. Que mas puedo hacer? Obviamente no puedo usar un color solido. Pero no entiendo por que solo funciona de esta manera.