iframe background image

Question

Tengo un iframe en mi página. He insertado una imagen de fondo en ella. pero no muestra la Imagen. Aquí está mi código.

<iframe scrolling="auto" allowtransparency="true" name="main" style="width:100%;height:90%" style="background-image:url(img/bg2.jpg)"> </iframe> 

Answer 1

Prueba esto:

<iframe scrolling="auto" allowtransparency="true" name="main" style="width:100%;height:90%;background-image:url(img/bg2.jpg)"> </iframe> 

si no funciona mover las imágenes de fondo para el contenedor del marco flotante.

Answer 2

Prueba esto .. que debería funcionar (probado en IE/Firefox/Google Crome)

<div><img src="a.JPG"></div> 

<div> 
<iframe style="display:none" width="325" height="276" frameborder="0" scrolling="auto"></iframe> 
</div> 

Answer 3

envolver su iframe con div y la puso alguna clase. Ex:

<div class="wrap"> 
<iframe style="display:none" width="325" height="276" frameborder="0" scrolling="auto"></iframe> 
</div> 

en css: .Wrap {background: url (somepicture);} { iframe .Wrap opacidad: 0;}