problem with iframe background image in IE

dudeman · April 17th, 2006, 10:04 PM

Hi, I have an iframe within a table cell. I want the iframe to have a fixed background image no matter what is displayed within it. The following is my code that works perfect in Firefox and Netscape, but does not work in IE. Does anyone know how I can work around this?

<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
iframe.bkgrndimg{
background-image: url(rosesfaded.jpg);
}
</style>
</HEAD>
<BODY>

<table>
<tr>
<td rowspan=7><iframe class=bkgrndimg id=Iframe1 src="Home.htm" width=400 height=390></iframe></td>
</tr>
</table>
</BODY>
</HTML>

dudeman · April 18th, 2006, 10:13 PM

Actually I figured it out. All I had to do was make the background color of the source html page that fills the iframe transparent by adding this to the head:

<style type="text/css">
body {background-color: transparent}
</style>

After adding that it works perfect in IE

Dudeman