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

用div包裹你的iframe并把它放到一些课堂上。 例如：

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

在css中： .wrap {背景：网址（somepicture）;} .wrap iframe {opacity：0;}

Answer 3

试试这个..它应该可行（在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>