cubrir un iframe con una capa, evitando clicks

[mayid]

kseso: lo que comentas es exactamente lo que tengo. Un div padre, con position relative. Dentro, un iframe con bajo z-index (o z-index negativo) mas un div que lo cubre y que tiene position absolute y z-index muy alto.

Algo así:

Código HTML:

<div class="resizable-iframe">
<div class="iframe-cover"></div>
<iframe width="952px" height="714px" src="http://www.ustream.tv/flash/live/199131"></iframe>
</div>
 

Con css (en parte inline) queda algo así:

Código HTML:

<div class="resizable-iframe">
<div style="height: 714.4px; width: 952.5px; top: 0px;" class="iframe-cover"></div>
<iframe width="952.5px" height="714.4px" src="http://www.ustream.tv/flash/live/199131"></iframe>
</div>
 

Código CSS:

.resizable-iframe{
    overflow: visible;
    height: auto;
    width: auto;
    position: relative;
}
 
.resizable-iframe iframe{
    position: relative;
    z-index: -1; 
}   
 
.iframe-cover{
    position: absolute;   
    z-index: 99999;
    background: yellow;
}
 

Si quito el color amarillo de fondo, el iframe predomina sobre el div. En cambio, con un color solido, el div cubre el iframe.

Nota: el iframe contiene un video que no tiene la propiedad wmode declarada.