iframe background image

Question

I have a iframe on my page. I have inserted a background image on it. but its not showing the Image. Here is my code.

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

Answer 1

Try this:

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

if it doesn't work move the background images to the container of the iframe.

Answer 2

Try this .. it should work(tested in 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>