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;}