iframe背景图片

Question

我的页面上有一个iframe。我已在其上插入背景图片。但它没有显示图像。这是我的代码。

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

Answer 1

试试这个：

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

，如果它不工作，移动背景图像iframe的容器。

Answer 2

试试这个..它应该工作（在IE/Firefox的/谷歌克罗默测试）

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

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

Answer 3

包装你的iframe与股利，并把它的一些类。 例如：

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

在CSS： .wrap {背景：网址（somepicture）;} .wrap IFRAME {不透明度：0;}