2009-11-08 18 views
8

Mam element iframe na mojej stronie. Włożyłem na to obraz tła. ale nie pokazuje obrazu. Oto mój kod.Obraz tła iframe

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

używasz atrybutów stylu, spróbuj połączenie ich w jeden – jerjer

Odpowiedz

14

Spróbuj tego:

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

jeśli to nie działa przenieść obrazy tła do pojemnika z iframe.

+0

Dzięki pracy dobrze, ale nadal nie działa na IE tylko działa na firefox. –

+0

+1 "allowtransparency =" true "załatwił mi sprawę w IE – hinekyle

-4

Spróbuj tego .. to powinno działać (przetestowane w 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> 
-1

Owiń iframe z div i umieścić go jakąś klasę. Ex:

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

w CSS: .wrap {background: url (somepicture);} .wrap iframe {opacity: 0;}